1. 程式人生 > >html中子div用了浮動怎樣讓父div的大小自動撐開(清除浮動)

html中子div用了浮動怎樣讓父div的大小自動撐開(清除浮動)



浮動子div撐開父div的幾種方法:

(1)在父div中在新增一個清除浮動的子div<div style=" clear:both;"></div>,該div不設定任何樣式,只用來清除浮動

(2)在父div的css樣式中設定overflow:hidden;zoom:1;

(3)設定父div也為浮動元素float:left;,這樣設定的壞處是不能用margin:auto;實現居中

(4)設定父元素display:inline-block;,這樣設定的壞處是不能用margin:auto;實現居中

(5)在父div中新增<br clear="both">子元素

(6)給父元素引用clearfix樣式(未試過)

  clearfix{

    zoom:1;

  }

  clearfix:after{

    content:"";

    display:block;

    claer:both;

  }

小結:用哪一種方法根據自身情況來使用。