清除浮動的多種方法

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下浮動元素父類有寬度的話就不用清除浮動*/





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章