在看 imooc使用CSS布局 的時(shí)候遇到這樣的設(shè)定：三列布局具滴，左右定寬凹嘲，中間要求自適應(yīng)，做了一下构韵，感覺要考慮幾個(gè)點(diǎn)：
- 重點(diǎn)是中間的自適應(yīng)周蹭，在兩端定寬的前提下要實(shí)現(xiàn)中間自適應(yīng)，視頻給出的方案是使用水平外邊距實(shí)現(xiàn)疲恢，即左右外邊距分別設(shè)置為為左右兩列預(yù)留寬度凶朗；
- 如果選擇使用外邊距實(shí)現(xiàn)自定義，則左右兩列不能使用浮動(dòng)显拳，否則會(huì)因浮動(dòng)框的特性變成多行俱尼；
- 此時(shí)要保證三列同行，則左右兩列只能選擇絕對(duì)定位萎攒，將其從普通文檔流中釋放以避免互相影響；
- 再來就是一些細(xì)節(jié)矛绘，比如左右兩列定寬以后耍休，如果直接應(yīng)用padding，就會(huì)出現(xiàn)內(nèi)容相交的情況货矮，使用嵌套容器在內(nèi)層設(shè)置padding則不會(huì)羊精，為什么？
又比如頁(yè)面縮放到一定程度可能出現(xiàn)內(nèi)容擠到一起囚玫，使用overflow可以解決么?
設(shè)置了背景色的話喧锦，可能出現(xiàn)三列高度不一致的情況，對(duì)于設(shè)置了相同高度的列則可能會(huì)出現(xiàn)內(nèi)容溢出的情況抓督，有沒有方法可以實(shí)現(xiàn)自動(dòng)基于最高列的高度的等高分列呢燃少？
找到一種解決方案是 張?chǎng)涡?- 純CSS實(shí)現(xiàn)側(cè)邊欄/分欄高度自動(dòng)相等
高度不一致
內(nèi)容溢出
