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