首页 > 代码库 > css能不能实现左边div固定宽度,右边div自适应撑满剩下的宽度?

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

利用bfc:

.left{
    width:200px;
    float:left;
}
.right{
    overflow:hidden;
}
补充一下:BFC翻译过来是块级格式化上下文,和haslayout比较相似,但haslayout是旧版本IE下的一个专有属性,表示元素自己对自身的内容进行组织和计算。BFC相当于一个独立的渲染单元,内外元素不会相互影响。我这里overflow:hidden触发BFC,利用的是BFC布局的一条特性,就是BFC的区域不会与浮动盒子重叠。


作者:lyhper
链接:https://www.zhihu.com/question/37208845/answer/72349025
来源:知乎
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

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