Question

网页CSS，div里面有个button,设置float:left后，页面看：div在上面缩成一条线，button却掉下边外面。

Answer 1

button设为浮动（Float）后，它就脱离了正常的文档流，也就是说它已经不占div的“地”了，如果div未设置高度，它就会自动缩成一条线了。

解决的办法有多种，比如给div设置高度（大于button的高度）：

<div style="height:30px">
   <button style="float:left">按钮</button>
</div>

或者在浮动元素的后面清除浮动（推荐此法）：

<div>
   <button style="float:left">按钮</button>
   <br style="clear:both" />
</div>