html - 停止浮动：从阻止我的 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