現象：
兩邊兩欄固定寬度，中間為自適應。
思路：1.絕對定位法：
父元素相對定位，左右兩欄使用絕對定位,中間用margin相對父元素的邊距撐開。
缺點：
子元素使用絕對定位，父元素無法被撐開。會出現如下情況：
2.浮動法：
html檔案中先寫兩個側邊div，再寫中間div。兩側邊欄div分別設定左右浮動，中間欄用margin撐開，父元素overflow：auto!
3.margin負值法：(最常使用)
三欄均為左浮動，左欄
margin-left：-100%margin-left：-自身寬度相對位置relative原有位置保留，而margin不保留。margin後的文件流會跟隨margin流動。
css實現兩欄自適應布局
前端經典的兩欄布局 1 左側定寬，左浮動 右側寬度100 doctype html 兩欄布局 左側定寬左浮動，右側寬度100 left right 2 使用彈性布局，父元素display flex，左側定寬，右側flex 1，佔滿容器寬度 body left right 3 父元素相對定位，左側定寬...
三欄布局 自適應
趴趴熊，我們走 個人簡介，是當事人全面而簡潔地介紹自身情況的一種書面表達方式。求職過程中撰寫的個人簡介是求職者向欲供職單位全面 簡潔 條理清晰地自我介紹 自我推薦的文書。簡介是應用寫作學研究的一種日常應用文體。p 個人簡介，是當事人全面而簡潔地介紹自身情況的一種書面表達方式。求職過程中撰寫的個人簡介...
三欄自適應布局
實現左中右三欄布局，左右為固定寬度，中間寬度隨父元素寬度變化 父元素設定display flex 左右盒子寬度固定，中間盒子設定flex 1 container left center right style class container class left div class center d...