Question

我正在尝试创建页眉，页脚和延伸到整个内容的侧栏但我遇到了问题。我有jsfiddle。但我没有成功创建相同的sidbar和高度的容器。

Answer 1

见this answer。用户建议您为侧边栏和主要div提供相同数量的大底部填充和负底部填充。在侧边栏和主要div上放一个容器，并将溢出物隐藏在其中。

Answer 2

对于全长侧边栏，您最好的选择可能是旧的人造柱方法。您可以在CSS中执行此操作，但这对您来说可能更容易。

基本上你想要一个带有列背景的图像在一个细长的条带中。然后，将其作为背景图像添加到父div，并将其作为假装全高度列。

例如

.container {
    background: url(your_image) repeat-y left top;
}

<div class="container">
    <div class="sidebar">SIDEBAR</div>
    <div class="content">CONTENT</div>
</div>

您可以在此处阅读更多相关信息 - http://www.alistapart.com/articles/fauxcolumns/

Answer 3

嘿，现在定义侧边栏和内容栏

width in %

就像这样

现场演示http://jsfiddle.net/zAYru/5/

使用CSS创建页眉，页脚和左侧栏

3 个答案: