Css 我的边栏在页脚上方。我怎样才能解决这个问题？

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

我想知道为什么边栏没有像内容那样向下推页脚。我调用了php get_边栏（）；在content 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;
}

---

如果有人能告诉我如何让它工作，我将非常感激。我对此感到有点沮丧。提前谢谢

您的

位置：绝对位置和绝对定位的元素从文档的正常流中取出（也就是说，其他元素的行为就好像绝对定位的元素不存在一样）。这就是为什么它没有推动页脚

你可能想考虑浮动它。使用
float:left在您的内容区域或
浮动：右侧边栏，以HTML中的第一个为准。并在其父对象上添加
overflow:hidden