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">
  2.   <div id="left">div>
  3.   <div id="right">div>
  4. div>

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

你可能感兴趣的:(Css排版高度自适应兼容代码)