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

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

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

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

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

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

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