230问答网 > css能不能实现左边div固定宽度，右边div自适应撑满剩下的宽度

css能不能实现左边div固定宽度，右边div自适应撑满剩下的宽度

2024-12-12 01:32:16

推荐回答（2个）

回答1：

无需js、无需浮动，直接用CSS即可搞定这样的布局，主要代码如下：
#sidebar, #container {min-height:400px; /* 视具体情况 */}
#sidebar {width:210px; background-color:#ebb058; position:absolute; top:0; left:0;}
#container {margin-left:210px; border:2px solid #400080;}

居然没悬赏分的说……

回答2：

利用bfc：
.left{
width:200px;
float:left;
}
.right{
overflow:hidden;
}
右边盒子触发bfc，使其不与浮动盒子区域重叠，因此会重新计算宽度。