1
clear: rightは、すべての連続フロートのためにclear: leftも発生するようです！ http://jsfiddle.net/Mx7zu/11/か、このコードを参照してください。clear：rightもクリアします：left ??奇妙な浮動の振る舞い
<html>
<head>
<style>
div { margin: 16px; width: 200px; height: 130px; border: solid red 1px; }
#right1 { float: right; }
#right2 { float: right; clear: right; }
#left1, #left2 { float: left; }
</style>
</head>
<body>
<div id="right1">Right 1</div>
<div id="right2">Right 2</div>
<div id="left1">Left 1</div>
<div id="left2">Left 2</div>
</body>
</html>
私はdiv要素のleft1とleft2がRIGHT1と同じレベルで、一番上にあることを期待！私は最後の一つとしてclear: right（right2）とのdivを配置する場合にのみ発生：
<div id="right1">Right 1</div>
<div id="left1">Left 1</div>
<div id="left2">Left 2</div>
<div id="right2">Right 2</div>
あなたはこの奇妙な振る舞いを説明していただけますか？前もって感謝します！ FF 9.0.1でテストされています。
同じ要素にクリアとフロートを割り当てることはできません。 –
@ Jaa-c、なぜですか？何が起こるでしょうか？私はそれを行うことができ、それが動作することがわかります - div right2は浮動小数点ともクリアです。 – TMS
@ Jaa-c：そうではありません。 float要素はそれ自身をクリアすることはできませんが、以前のfloatをクリアすることができます。これは 'clear'プロパティが行うことです。 – BoltClock