html - float：leftが私のdivが別のdivのスペースを占有するのを止めないようにします

Question

スペースを占有し、同時に左に浮くように「a」をスタイリングするにはどうすればよいですか？

<div style="background:#111">
    <div id="a" style="float:left; height:30px"></div>
</div>

score 3 · Accepted Answer

overflow親のサイズを指定せずに、親のスタイルを使用します。

<div style="background:#111;overflow:hidden;">
  <div id="a" style="float:left; height:30px"></div>
</div>

score 1 · Accepted Answer

1

<div style="clear:both"></div>「#a」divの直後に挿入します

于 2013-02-16T14:02:26.977 に答える

score 1 · Accepted Answer

フローティング要素は、親の寸法には影響しません。次のように、クリア要素、つまりclearルールがに設定された要素を追加する必要がありますboth。

<div style="background:#111">
    <div id="a" style="float:left; height:30px"></div>
    <div style="clear:both"></div>
</div>

3 に答える 3