網頁佈局基礎（2）－橫向倆列布局

1、float屬性

3個屬性：left（左浮動） /  right（右浮動） /  none（不浮動）

特色：元素會左 / 右移，直至觸碰容器爲止。



就像容器邊緣有磁鐵吸引

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

2、清除浮動影響的方法

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

1.clear屬性：clear : both  （clear : left 或者 clear : float）
​​​                  ​​​​//   不清楚的狀況下使用clear : both

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

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

3、橫向倆列布局

方法：1.float屬性 - 使縱向排列的塊級元素，橫向排列；

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



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