Css排版高度自适应兼容代码

css控制高度自适应的原理很简单，就是利用内补丁(padding-bottom)和外补丁(marin-bottom)实现自动填充

 

高度自适应除了要设定自适应列的css外，其中一个很重要的css属性是要设定父容器的overflow：hidden

 

css

1. #c{overflow:hidden}/*父容器超出边界hidden*/
2. #left,#right{padding-bottom:3000px;margin-bottom:-3000px;border:1px solid #f00}/*内外补丁，注意css中数值不能超过+-32767*/

html

1. <div id="c"><!--高度自适应列的父容器很重要，可以说没有父容器的overflow·：hidden就无法实现高度适应--->
2.   <div id="left"></div>
3.   <div id="right"></div>
4. </div>

当然这只是个test，可以扩展到任意列