我有兩個(gè)divs我想并排放在一個(gè)容器中。我遇到的問(wèn)題是，左側(cè)div的大小取決于內(nèi)容，而右側(cè)div應(yīng)該使用所有可用空間。<style>div.left { display: inline-block; outline-width: 0; background-color: yellow; padding-right: 5px;}div.right{ display: inline-block; max-width: 100%; outline-width: 0; background-color: green;}.container{ background:black; width:450px;}</style><div class="container"> <div class="left"> LEFT </div> <div class="right"> RIGHT </div></div>我嘗試過(guò)flex,, table-cell-...幾乎所有的東西。我缺少什么？
1 回答
MMMHUHU
TA貢獻(xiàn)1834條經(jīng)驗(yàn) 獲得超8個(gè)贊
display: flexflex:1如果您也分配給div，則會(huì)完成這項(xiàng)工作.right，因此它將占用所有剩余空間：
div.left {
background: peachpuff;
padding: 10px;
}
div.right{
flex: 1;
background-color: yellowgreen;
padding: 10px;
}
.container{
background:black;
display: flex;
width:450px;
}
<div class="container">
<div class="left">
Variable content here
</div>
<div class="right">
remaining space
</div>
</div>
- 1 回答
- 0 關(guān)注
- 185 瀏覽
添加回答
舉報(bào)
0/150
提交
取消