下面是自己的一點總結和問題，求大神解答！

關于三列布局總結和疑問：

總結：1，如果left不設置float或absolute，且main不設置margin，那么main會出現在left的下面，緊貼著left，且鋪滿整個瀏覽器

（原因：首先，如果不設置float 那么left存在于瀏覽器中，且div屬于塊狀元素，所以獨占一行，所以main要出現他下面，另起一行，沒設置寬，所以繼承父類，也就是瀏覽器）

?

2，如果left設置了float，那么main 則緊挨著 ，需要注意的是：假設left寬度是200px，main的margin設置距離左側是0，且main寬度被設置成400，那么最終結果是main會被覆蓋掉一半，但是main里面的文字 會出現在未被覆蓋的另一半中，且顯示不完的文字會直接超出main的框，顯示到外面。

【使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍】

?

問1：此時若 right 也設置 了float，那么right會緊接著main下面進行排列

（原因：main是普通的div，并沒有設置其他，所以他是塊狀元素，獨占一行，所以right要另起一行，緊跟著進行布局）

?

問2：但是經查資料研究，如果這樣寫?? 【有浮動的div ?要放在最前面】

? <div>left</div>

??? <div>right</div>

??? <div class=”main”>文本</div>

若按上面那樣寫，right又會出現在main同一行的右側，能實現三列的效果！

?

?

1.?????? 若 把left 設置成absolute（絕對定位）， 其他設置與上面2相同，則此時出現的結果是， main會被left覆蓋一半，并且 main里的文字也會被遮蓋一半。

【對于使用positioning:absolute脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它】

如果此時把right 設置為absolute（絕對定位）， 那么他會與main出現在同一行，緊靠在右側，能實現三列效果。

【那么問題來了：二者同樣脫離文檔流，而且mian并沒有改變什么，為什么float不行，而absolute絕對定位可以？？】???? 二者的區別到底在哪里？？