網友解答: 對于左右定寬中間自適應這種css布局，其實有很多實現方法，下面簡單介紹幾種，供大家參考；絕對定位+margin原理是將左右兩邊的div使用絕對定位分別定位到左右兩邊，中間的d

對于左右定寬中間自適應這種css布局，其實有很多實現方法，下面簡單介紹幾種，供大家參考；

原理是將左右兩邊的div使用絕對定位分別定位到左右兩邊，中間的div使用margin屬性，留出左右div的寬度，將其中間的div寬度設為100%即可，代碼如圖

在外層包一層div，設置屬性display：flex，里面的子元素設置屬性flex:1,具體實現，看下圖代碼

float布局將左右div分別浮動到左右，中間使用margin屬性，留出左右的寬度，這個跟絕對定位布局有點相似，代碼如下圖

效果圖：總結：

實現這種左右定寬，中間自適應的css布局，其實有很多種實現方法，比如還有“圣杯布局”、“雙飛翼布局”；個人比較推薦flex布局方式，這也是css3新屬性，實現起來比較方便；如有疑問，歡迎在評論下方留言，大家一起討論

謝謝邀請！