浮动
特性:
1、脱标
a)浮动元素会遮盖没有浮动的元素,只会遮盖它后面的标准流元素
b)所有元素都浮动,一行放不下就会换行
2、只要添加浮动,都会变成行内块
通常操作:
浮动元素套在一个标准流的元素中操作,
这个父元素通常可能没有高度,没有高度就不会被浮动的子元素撑开,于是就需要清除浮动
清除浮动:
1、额外标签
.{ clear: both }
2、父级添加overflow:hidden
3、父级添加after
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { *zoom: 1; }
4、父级添加双伪元素
.clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; }