主题:CSS布局自适应高度解决方法
 楼主 wfh210 发表于2010年11月23日 下午2:43:35
CSS布局自适应高度解决方法

先看代码:

#wrap{

 overflow: hidden;

 }

#sideleft, #sideright{

 padding-bottom: 32767px;

 margin-bottom: -32767px;

 }

实现原理:

块元素必须包含在一个容器里。

应用overflow: hidden 到容器里的元素。

应用 padding-bottom(足够大的值)到列的块元素 。

应用margin-bottom(足够大的值)到列的块元素。

padding-bottom将列拉长变的一样高,而负的margin-bottom又使其回到底部开始的位置,同时,溢出部分隐藏掉了。

 

 1 tdzwd 发表于2010年11月24日 上午9:50:14

很不错,非常感谢!

 2 swzllz 发表于2010年11月29日 下午2:29:39

不错不错

奇新云平台
切换