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

时间：2017-03-31 19:55:58 阅读：213 评论：0 收藏：0 [点我收藏+]

利用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
来源：知乎
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。