1

我有一个内容区和一个侧边栏。我的内容区很好。当我通过 WordPress 添加博客文章时，内容区域会扩展并且不会超出页脚。我的侧边栏很好，但只有当内容区域比侧边栏长时。当内容区域较短时，侧边栏会越过页脚。

我想知道为什么侧边栏没有像内容那样将页脚向下推。我已经调用了 php get_sidebar(); 在内容 div 里面，所以我不确定问题是什么。我猜这与绝对定位有关。我尝试将侧边栏定位到相对位置，但随后内容区域被向下推，并且有很大的边距，所以把它搞砸了。

这是本节元素的 CSS：

html, body {
height: 100%;
}

#wrapper {
min-height: 100%;
position: relative;
}

#container{
width: 960px;
position: relative;
left: 50%;
margin-left: -480px;
}

#content{
width: 960px;
position: relative;
}

.entry-content{
width: 600px;
}

#sidebar{
width: 200px;
top: 0px;
right: 0px;
margin-right: 0px;
position: absolute;
text-align: right;
}

#footer{
width: 100%;
height: 300px;
bottom: 0px;
}

如果有人设法告诉我如何使它工作，我将不胜感激。我对此感到有些沮丧。提前致谢！

4

1 回答 1

3

您position: absolute;的侧边栏和绝对定位的元素被从文档的正常流程中取出（也就是说，其他元素的行为就像绝对定位的元素不存在一样）。这就是为什么它没有推动页脚。

您可能要考虑浮动它。float: left;在您的内容区域或侧边栏上使用float: right;，以您的 HTML 中的第一个为准。并添加overflow: hidden他们的父母。

于 2012-09-16T22:28:24.227 回答