如何设置“a”的样式,使其占据空间并同时向左浮动?
<div style="background:#111">
<div id="a" style="float:left; height:30px"></div>
</div>
在父级上使用overflow
样式,而不为父级指定大小:
<div style="background:#111;overflow:hidden;">
<div id="a" style="float:left; height:30px"></div>
</div>
<div style="clear:both"></div>
在 "#a" div 之后插入
浮动元素不会影响父元素的尺寸。您需要添加一个清除元素,即clear
规则设置为的元素both
,如下所示:
<div style="background:#111">
<div id="a" style="float:left; height:30px"></div>
<div style="clear:both"></div>
</div>