現在有乙個容器，其中放有兩個div，html和css**如下所示。@-v-@我們需要這兩個div併排在一行，並使左邊的div寬度確定，右邊的div寬度能夠自適應剩餘的容器寬度。
請寫出你能想到的所有可能。
class="cont">
class="left-item">
class="right-item">
html,body .cont .left-item .right-item
.cont .left-item .right-item
.cont .cont::after .left-item .right-item
.cont .cont::after .left-item .right-item
.cont .left-item .right-item
.cont .left-item .right-item
.cont .left-item {} .right-item
.cont .left-item .right-item
.cont .left-item .right-item
針對布局問題，可以使用flex/table/grid可以搞定。
如果要考慮相容性問題，或當它們無法實現時，可以考慮float/absolute進行布局。
如果仍然無法搞定，可以嘗試使用float/absolute加上calc()進行布局。
使用float/absolute可以滿足需要，且它們不會出現相容性問題，是比較合適的解決方案。
左右布局 左邊定寬 右邊自適應
要求 不少於三種方法 所有方案 父元素的寬度為單位為 absolute padding left right 小結 父元素設定padding left是給左邊元素預留空間，左邊元素絕對定位到該位置。flex，未來趨勢，推薦 left right 小結 flow屬性為flow grow,flow sh...
CSS布局樣式 左右布局，左邊定寬，右邊自適應
1.display table width 100 和 diplay table cell tabletitle head wrap sidebar content style id wrap class sidebar sidebardiv class content contentdiv div...
兩列布局，左邊定寬100px，右邊自適應？
1 使用flex布局，父容器設定display flex，左邊div設定flex 0 0 100px width 100px height 100px 右邊div設定 flex 1 height 100px doctype html utf 8 title container d1.d2 style...