等柱高度问题

时间:2011-07-11 13:56:07

标签: html css

我正在尝试在我的新网站上实现相同的列高度。如果你看下面的页面

http://blackburnseo.com/ensor_install/hedgehog-gutter-brush

左栏不会自动拉伸。

我尝试过一些jquery auto heigh解决方案,但它们似乎打破了我的布局?

有人可以推荐一个解决方案吗?

谢谢, 丹

5 个答案:

答案 0 :(得分:0)

http://www.456bereastreet.com/lab/developing_with_web_standards/csslayout/2-col/查看Roger Johansson的虚假专栏文章。我已经好几次使用它了。

它的作用是背景容器,然后主要部分有自己的背景,侧边栏是干净的。随着主要内容的增长,侧边栏也将无缝扩展。

答案 1 :(得分:0)

我使用this plugin,我自己写的,在每个我需要高度相等的项目中。但是,如果你可以使用仅CSS的人造柱技术,我会选择它。该插件需要一些更新才能更专业:-P

答案 2 :(得分:0)

您可以尝试以下方法:

  1. 在右侧菜单
  2. 后添加<div class="clear"></div>
  3. 将您的背景从left_menu移至content_wrapper

答案 3 :(得分:0)

将背景关闭#left_menu并将#content_wrapperfloat: left;一起放到#content_wrapper { background:url("images/left_menu.png") repeat-y left top; float:left; }

{{1}}

答案 4 :(得分:0)