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。

我的侧边栏正在翻阅页脚。我该如何解决这个问题？

1 个答案: