3個屬性:left(左浮動) / right(右浮動) / none(不浮動)html
特色:元素會左 / 右移,直至觸碰容器爲止。佈局
就像容器邊緣有磁鐵吸引spa
*注意:設置了浮動的元素,依舊處於標準文檔流中。htm
當元素設置浮動屬性後,會對相鄰的元素產生影響。(相鄰元素特指緊鄰後面的元素)blog
1.clear屬性:clear : both (clear : left 或者 clear : float)
// 不清楚的狀況下使用clear : both文檔
2.同時設置width : 100% (或者固定寬度)+overflow : hidden ;get
// 緊鄰元素使用方法1 ; 父級元素受影響使用方法2容器
方法:1.float屬性 - 使縱向排列的塊級元素,橫向排列;float
2.margin屬性 - 設置倆列之間的佈局。
清除屬性的注意點在不一樣狀況下使用不一樣清除浮動的方法。