1:給父類添加浮動 /* 浮動元素太多時有侷限性 */
2:給父類添加display:inline-block /* 會把元素直接的空格間隙也會應用上去 */
3:在浮動元素後面添加一個空元素,並設置清除浮動 clear:both;
4:在浮動元素後面<br clear:"all"> /* 不符合W3C標準 */
5:浮動元素的父類添加 /* 推薦這種方法 */
.box-set:before,
.box-set:after {
content: "";
display: table;
}
.box-set:after {
clear: both;
}
.box-set {
*zoom: 1;
/* 兼容IE6*/
}
6:父類添加overflow
/* IE6下無效必須添加 zoom:1 */
/* IE6下浮動元素父類有寬度的話就不用清除浮動*/