1

我正在尝试做这件事，这显然会导致很多人头疼，并且我找到了一些接近解决方案，但并不完全是我所需要的。我想要一个左侧边栏 div 和一个右侧主要内容 div。在这些之下，一个页脚。在侧边栏中，我想从 div 的顶部到底部运行一条带，填充背景图像，并且我希望它停止在页脚上方，与主要内容 div 的高度匹配，无论高低。

如果你想看看我在追求什么，我在http://lumn.net/about.html提供了一个示例页面。没有一个链接处于活动状态，代码也非常混乱——这周我真的在自学css。但至少你可以看到我设想的布局。

我尝试从 <html> 到有问题的 div 声明一堆“height:100%”，这让它伸展到整个页面，但不匹配其父级的高度。仅在“strip”div 上使用“height:100%”，它的父级似乎没有做任何事情。我还尝试了“position:absolute;top:0;bottom:0”，它也没有做任何事情。div 消失了（因为它除了背景图像之外什么都没有）。

然后我尝试了一个在http://www.cssnewbie.com/equal-height-columns-with-jquery/找到的 jQuery 插件，但要么我不知道如何正确调用它，要么我的页面中的某些东西阻止了它从工作。

4

2 回答 2

0

为了使相对大小正常工作，您必须为父对象和子对象指定“位置：相对”，并且父对象必须具有指定的高度，可以是静态的、相对的或绝对的。

其次，您想要流体等高的列，因此您需要制作一个主列，然后侧列需要作为主列的子级存在。然后简单地为左列声明一个负的左边距，为右列声明一个负的右边距。这是每个人都使用的技巧。

于 2012-05-05T01:04:41.997 回答
0

不如将侧边栏作为背景图片放在内容 div 中并使用

background: url('image.jpg') repeat-y;
padding-left: 210px;

在主要内容 div 上使其向左运行。像这样：http: //jsfiddle.net/JMC_Creative/dMbmP/

我知道这不会给出与您的示例页面完全相同的结果，但是您能否从中推断出一些对您有用的东西？

于 2012-05-05T00:46:14.987 回答