網頁佈局基礎(2)-橫向倆列布局

1、float屬性

3個屬性:left(左浮動) /  right(右浮動) /  none(不浮動)html

特色:元素會左 / 右移,直至觸碰容器爲止。佈局

url

就像容器邊緣有磁鐵吸引spa

*注意:設置了浮動的元素,依舊處於標準文檔流中。htm

2、清除浮動影響的方法

     當元素設置浮動屬性後,會對相鄰的元素產生影響​。(相鄰元素特指緊鄰後面的元素)blog

1.clear屬性:clear : both  (clear : left 或者 clear : float)
​​​                  ​​​​//   不清楚的狀況下使用clear : both文檔

2.同時設置width : 100% (或者固定寬度)+overflow : hidden ;get

                 //​    緊鄰元素使用方法1   ;  父級元素受影響使用方法2容器

3、橫向倆列布局

方法:1.float屬性 - 使縱向排列的塊級元素,橫向排列;float

          2.margin屬性 - 設置倆列之間的佈局。



清除屬性的注意點在不一樣狀況下使用不一樣清除浮動的方法。

相關文章
相關標籤/搜索