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

Question

我如何设置“a”的样式，以便占据空格并同时漂浮？

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

Answer 1

在父级上使用overflow样式，而不指定父级的大小：

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

Answer 2

在＆＃34;＃a＆＃34;之后插入<div style="clear:both"></div>格

Answer 3

浮动元素不会影响父级的维度。您需要添加清算元素，即将clear规则设置为both的元素，如下所示：

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