CSS之float(解决float自增长高度问题)

float：浮动

可选属性

left right none

 

float最值得注意的我们邀为其设定固定的高度，不然浮动元素的超出部分会覆盖掉下面的div块

例如：

<div id=div1 style='float:left'>

content1_1<br>content1_2<br>content1_3<br>

</div>

<div id=div2>

content2

</div>

其中div1没有指定高度，123会直接漂浮到div2去.

若指定了固定高度，其超出部分也会飘到div2去.

 

解决方式：

（1）<div style="clear:both;"></div>

直接在float的div后面加这段代码即可

 

（2）使用after: 追加一个点

#out:after

{ content:".";

height:0;

visibility:hidden;

display:block;

clear:both;

}

 

（3）设置overflow=hidden

 

（4）设置div2也为float