Question

当我选择Dreamweaver cs4布局：3列液体，页眉和页脚时，侧边栏不会触及底部的页脚。如果我对侧边栏1应用不同的颜色，它似乎只是挂在侧面。如何让它触及页脚？

Answer 1

啊，我看到，存在差距的原因是因为中间列内的内容正在向下推动父div，而不是侧列。侧栏只会增长以适应其中的内容。

你所追求的是名为Faux Columns。见A List Apart article

Answer 2

我在Dreamweaver中创建的网站遇到了同样的问题，这就是我解决它的方式：

我使用了四个div标签 - 一个主容器，其中包含侧边栏，主要内容和页脚。

首先，在样式表中添加元素并设置样式：

#container {
width: 100%;
background: #FFFAF0;
}

.content {
width: 950px;
float: right;
padding: 10px;
background: #FFFAF0;
}

.sidebar_left {
width: 220px;
float: left;
padding: 5px;
background: #FFFAF0;
}

.sidebar_right {
width: 220px;
float: right;
padding: 5px;
background: #FFFAF0;
}

#footer {
clear:both;
background:#FFFAF0;
}

您可以根据需要编辑不同的元素，但请确保不要更改页脚属性“clear：both”。如果您不想要它，页脚甚至不需要包含任何内容，它只需要在那里。

然后，只需设置您的网页：

<div id="container">
<div class="sidebar_left"></div>
<div class="sidebar_right"></div>
<div class="content"></div>
<div id="footer"></div>
</div>

如果您想了解更多信息，可以在http://blog.thelibzter.com/how-to-make-a-sidebar-extend-the-entire-height-of-its-container阅读我的博客文章。如果您有任何疑问，请告诉我。希望这有帮助！

如何在Dreamweaver cs4中扩展3栏液体，页眉和页脚中的侧栏

2 个答案: