三列等高布局

最近在制作 DARKEDEN Legend 的英文网站,考虑到欧美玩家喜欢三列等高的布局,而我们的网站背景结构复杂,如果采用background的等高方法,代码会比较繁琐,而JS会影响页面的加载效率,于是采用了“隐藏容器溢出”、“正内补丁”和“负外补丁”结合的方法来做。

说起来好像挺邪乎的,其实代码就两行:

  1. #content{overflow:hidden}
  2. #content #left,#content #center,#content #right{margin-bottom:-10000px;padding-bottom:10000px;}

相关日志:

11 条评论 《三列等高布局》

  1. 具体效果是什么呢? :(

    回复

  2. 学习了..话说这样原理是什么呢? CSS的盒式模型偶一直不太精通…

    回复

  3. 虽然这样能达到效果,但是看着代码,总感觉有点怪怪的 8)

    回复

  4. 假设页面里有锚点链接的话这个方法就不行了。。

    回复

  5. 不是很明白 ,学习下

    回复

  6. 底部边框看不到了咯

    回复

  7. Gravatarwwwwwwwwwww

    对的,如果是背景色的话 是看上去下端齐的,但是设置了border的话,下边的border不会显示

    回复

  8. Gravatarwwwwwwwwwww

    这个能处理吗,谢谢楼主

    回复

  9. 有bug,要是有边框就不能显示了

    回复

  10. 三列等高,我要的效果不是这样的,左边宽度200右边200中间自适应如何处理呢?

    回复

发表评论 (无需注册)

支持CTRL+ENTER快捷提交
崔凯的博客
Powered by WordPress | Theme by ck web design | TOP 顶部
Copyright © 崔凯的博客 All rights reserved. 京ICP备09029324号.