CSS網(wǎng)頁布局入門教程8：三列浮動中間列寬度自適應？我不知道如何編輯它。我想補充一下我的方法：將類分配給右邊的兩列后，使用@media在CSS中通過不同的寬度指定不同的百分比，這樣可以大致實現(xiàn)平分，但

CSS網(wǎng)頁布局入門教程8：三列浮動中間列寬度自適應？

我不知道如何編輯它。我想補充一下我的方法：將類分配給右邊的兩列后，使用@media在CSS中通過不同的寬度指定不同的百分比，這樣可以大致實現(xiàn)平分，但IE8不支持

這種左右定寬、中間自適應的CSS布局其實有很多實現(xiàn)方法，下面簡單介紹一下，供大家參考；

原理是使左右兩側(cè)的div分別采用絕對定位來定位左右兩側(cè)。middle div使用margin屬性保留左、右div的寬度，并將middle div的寬度設置為100%。代碼如圖所示

在外層包裝一層div，設置display:flex屬性，并為里面的子元素設置屬性彈性：1具體實現(xiàn)，請看下面的代碼

float layout將左div和右div分別浮動到左邊和右邊，并在屬性的中間使用marg，保留左右寬度。這有點類似于絕對定位布局。代碼如下圖所示