我的侧边栏正在浏览页脚.我该如何解决这个问题

Question

我有一个内容区和一个侧边栏。我的内容区域很好。当我通过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;
}

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

Answer 1

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

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