首页 > 代码库 > 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自适应撑满剩下的宽度?
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。