我正在尝试做这件显然会引起很多人头疼的事情，而且我找到了一些近乎解决方案，但并不是我需要的。我想要一个左侧边栏div和一个右侧主内容div。在那些下面，一个页脚。在侧边栏中，我想从div的顶部到底部运行一个条带，填充背景图像，我希望它停在页脚上方，匹配主要内容div的高度，无论高还是短。
如果你想看看我在追求什么，我会在http://lumn.net/about.html处设置一个示例页面。没有任何链接是活动的，代码非常混乱 - 我本周就是在教自己css。但至少你可以看到我想象的布局。
我尝试从＆lt; html＆gt;声明一堆“height：100％”通过有问题的div，然后让它延伸到整个页面，但不要匹配其父级的高度。仅在“strip”div上使用“height：100％”，其父级似乎没有做任何事情。我也试过“位置：绝对;顶部：0;底部：0”，这也没有做任何事情。 div消失了（因为它没有任何内容，只有背景图像）。
然后我尝试了一个我在http://www.cssnewbie.com/equal-height-columns-with-jquery/找到的jQuery插件，但要么我不知道如何正确调用它，要么我页面中的某些东西阻止它工作。
答案 0 :(得分：0)
如何将侧边栏作为背景图像放在内容div中并使用
background: url('image.jpg') repeat-y;
padding-left: 210px;
使其向左运行。像这样：http://jsfiddle.net/JMC_Creative/dMbmP/
我知道这并不会像您的示例页面那样给出结果，但是您能够从中推断出适合您的内容吗？
答案 1 :(得分：0)
为了使相对大小正常工作，必须为父对象和子对象指定“position：relative”，并且父对象必须具有指定的高度，静态，相对或绝对。
其次，您需要流体相同高度的列，因此需要创建主列，然后侧列需要作为主列的子项存在。然后简单地声明左列的负左边距和右列的负右边距。这是每个人都使用的技巧。