Question

我有一个亲戚<div>，里面有几个绝对定位的<div>。我想在所有这些内容下面显示一个页脚<div>，但出于某种原因，它会显示在<div>之一而不是{{1}}之后。

以下是页面:(我已将页脚div的背景设置为红色，以便您可以看到我的意思）：

Answer 1

带有绿色边框的DIV绝对定位并具有固定高度（设置为740px）。红色DIV不知道（并且不知道）绿色DIV在哪里（垂直）结束（从页面流中删除绝对定位的元素）。

<强>解决方案：

带有黑色边框的DIV：overflow:auto
具有灰色背景的DIV：float:left
带有绿色边框的DIV：float:right

（并删除这些元素的绝对定位，如果存在）

结果：

Answer 2

问题是你的div'pics'是绝对定位的，因此页脚div相对于页面上所有其他相对div来定位。

您不应该使用绝对定位的div，其大小会影响页面上的其他内容，理想情况下根本不会

Answer 3

将你的侧边栏漂浮到左侧;并采取位置：绝对离开主div并将其向左漂浮。所以它看起来像下面，这应该解决它。

#sidebar{
/*your styles*/
float:left;
}

#maindiv{
/*yourstyles*/
/*postition:absoulte;*/
float:left;
}