佈局和文件流（絕對定位和浮動在佈局中的使用

必須知道的是：
float和position：absolute會讓元素脫離文件流
其他元素就像沒有看到這樣的元素一樣排列,（但是它可以看到其它元素
比如：
三列布局中，左邊向左浮動右邊向右浮動，中間沒有看到左邊，但是右邊看到了中間，所以右邊無法浮動在同一行，而是被擠下去，如果使用position：absolute;top:0;right:0就不會這樣，但是去掉了top：0就會這樣。

但是float的時候 其他元素（下面的元素）中的文字會看到float的元素，會爲float元素讓出位置，不過position：absolute不會。
脫離文件流也在DOM樹中

佈局有三種：

1. 流式佈局
2. 浮動佈局
3. 絕對定位佈局

---

流式佈局 一列 居中
margin:0 auto;

浮動佈局實現兩列：
左邊float：left
右邊：float：right

絕對定位實現兩列
左邊 position:absolute;left:0；
右邊 position:absolute;right:0

絕對定位實現三列布局：
左邊固定 右邊固定 中間自適應
左邊 position:absolute;left:0；width：200px;
右邊 position:absolute;right:0；width：300px;
中間 margin：0 300px 0 200px;
左右已經脫離文檔流，所以中間當它倆不存在，跟它倆看起來是在同一行

元素會收到浮動影響，所以需要清除浮動
清除浮動的兩種方法：
①clear：both
②width：100%；overflow：hidden；