CSS: 实现两栏布局，左边固定，右边自适应的4种方法
1. float+overflow:hidden
这种办法主要通过 overflow 触发 BFC,而 BFC 不会重叠浮动元素。由于设置 overflow:hidden 并不会触发 IE6-浏览器的 haslayout 属性，所以需要设置 zoom:1 来兼容 IE6-浏览器。具体代码如下：
Document
2. float: left+ margin-left
float使左边的元素脱离文档流，右边的元素可以和左边的元素显示在同一行，设置margin-left让右边的元素不覆盖掉左边的元素， 代码如下：
Document
3. position: absolute + margin-left
左边绝对定位，右边设置margin-left，代码如下：
Document
4. flex布局
flex布局可以使两个子元素显示在同一行，只要左边的宽度固定，就可以实现效果， 代码如下：
Document
left left left left
right
right
left left left left
right
right
right
left left left left
right
right
right
left left left left
right
right
right
发表评论 (审核通过后显示评论)：