三列等高布局
最近在制作 DARKEDEN Legend 的英文网站,考虑到欧美玩家喜欢三列等高的布局,而我们的网站背景结构复杂,如果采用background的等高方法,代码会比较繁琐,而JS会影响页面的加载效率,于是采用了“隐藏容器溢出”、“正内补丁”和“负外补丁”结合的方法来做。
说起来好像挺邪乎的,其实代码就两行:
- #content{overflow:hidden}
- #content #left,#content #center,#content #right{margin-bottom:-10000px;padding-bottom:10000px;}

08/26/2009 at 16:27
具体效果是什么呢?
回复
八月 27th, 2009 at 10:24
http://uicss.cn/test/3-fluid-full-height-columns.html
08/27/2009 at 20:21
学习了..话说这样原理是什么呢? CSS的盒式模型偶一直不太精通…
回复
09/05/2009 at 23:49
虽然这样能达到效果,但是看着代码,总感觉有点怪怪的
回复
12/06/2009 at 18:21
假设页面里有锚点链接的话这个方法就不行了。。
回复
01/28/2010 at 23:24
不是很明白 ,学习下
回复
09/03/2010 at 9:45
底部边框看不到了咯
回复
01/19/2011 at 16:18
对的,如果是背景色的话 是看上去下端齐的,但是设置了border的话,下边的border不会显示
回复
01/19/2011 at 16:19
这个能处理吗,谢谢楼主
回复
10/21/2011 at 15:39
有bug,要是有边框就不能显示了
回复
10/24/2011 at 21:25
三列等高,我要的效果不是这样的,左边宽度200右边200中间自适应如何处理呢?
回复