停止浮动：留下来阻止我的div占用另一个div中的空间

Question

如何设置“a”的样式，以便占用空间并同时向左浮动？

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

Answer 1

使用overflow风格父，没有specifing大小父：

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

Answer 2

插入<div style="clear:both"></div>右后的 “＃A” 的div

Answer 3

浮动没有按元素”不会影响父母的维度。您需要添加一个清除元件，即元素与clear规则设置为both，像这样：

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