如何讓三個DIV塊，兩邊寬度固定。中間寬度自適應(yīng)？CSS左右寬度自適應(yīng)，中間定寬？Aoao有關(guān)更多代碼，請訪問：lazy Gallery中間列居中且寬度固定，寬度左右列的寬度相等，而寬度自適應(yīng)。使用m

如何讓三個DIV塊，兩邊寬度固定。中間寬度自適應(yīng)？

CSS左右寬度自適應(yīng)，中間定寬？

Aoao

有關(guān)更多代碼，請訪問：lazy Gallery

中間列居中且寬度固定，寬度左右列的寬度相等，而寬度自適應(yīng)。

使用margin的負(fù)值來錯開固定寬度，因為它需要分成兩邊，所以只需將固定寬度錯開在中間

ie不擅長計算寬度乘以百分比，所以必須犧牲一兩個PX顯示，而IE6沒有最小寬度。

。

電腦屏幕自適應(yīng)是怎么設(shè)置的？

] 2. 您可以將div設(shè)置為1200px的固定寬度，并且左右兩側(cè)可以自適應(yīng)地填充內(nèi)容

如果您想讓寬度充滿屏幕，請使用width:100%min-寬度：1200px

如何實現(xiàn)左右定寬，中間自適應(yīng)寬度的css布局？

事實上，實現(xiàn)左右定寬、中間自適應(yīng)的CSS布局方式有很多種，下面簡要介紹一下，供大家參考；

其原理是通過絕對定位將左右div定位到左右兩側(cè)，中間div使用margin屬性保留左右div的寬度，并將中間div的寬度設(shè)置為100%。代碼如圖所示

外層用div包裝，設(shè)置屬性display:Flex，里面的子元素用屬性設(shè)置彈性：1，請參見下圖中的代碼

float layout將左div和右div分別浮動到左側(cè)和右側(cè)，并使用中間的margin屬性保留左右兩邊的寬度。這與絕對定位布局類似，代碼如下圖所示