将HTML标记设置为position:relative

我希望将div容器放置在页面的最底部，但是使用

position:absolute

看起来容器只是从顶部放置了n个像素。如果我将HTML标记设置为

position:relative

，它将按预期工作

将HTML标记设置为

位置：relative

，这是一种好的做法吗

html{
背景：#FAFAFA；
身高：100%；
}
身体{
填充：0；
保证金：0；
线高：1.4；
颜色：#CCC；
字体系列：“开放式Sans”，Helvetica，Arial；
字号：18px；
最小高度：100%；
溢出y：滚动；
}
#侧边栏{
背景：无重复滚动0 0#313131；
底部：0；
左：0；
溢出：自动；
位置：绝对位置；
宽度：100%；
最小高度：150px；
}
p{
填充：4px8px；
保证金：0
}

他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam以及justo duo dolores和ea Reum。斯特特·克里塔·卡斯德·古伯格伦，没有大海
圣殿是圣殿。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。在vero eos和accusam和justo duo dolores和ea
再燃。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。他说：“我的工作是在工作中完成的，我的工作是在工作中完成的，我的工作是在工作中完成的。”。
在vero eos和accusam以及justo duo dolores和ea Reum。斯泰特·克莱塔·卡斯德·古伯格伦（Stet clita kasd gubergren），没有海洋保护区是属于同一领域的。在亨德雷特（hendrerit）的两个房间里，有一个小房间，一个小房间，一个小房间
欧盟的无障碍设施是在一个温和的宴会上，由奥古斯·多洛尔（augue duis dolore）提供的。洛雷姆·伊普苏姆·多洛·希特·阿梅特（Lorem ipsum Door sit amet）是一位杰出的领导者，他是一位伟大的领袖
尤伊斯穆德·廷西德和拉奥里特·多洛尔·马格纳·埃拉帕特。但是，在最低限度的利益下，我们必须在公共消费品的基础上，继续履行我们的义务。乌尔普塔特的亨德雷特有两个家庭
在这一点上，我们可以看到，欧洲的宗教信仰是无宗教信仰的，它的宗教信仰是无宗教信仰的。Nam liber Temporal cum Solta nobis
电气化选件，无需安装拱顶标识，便于安装。这是一位杰出的领袖，他是一位伟大的领袖。乌特维西埃尼姆酒店
在最低限度上，我们必须在公共消费品之外的其他商品上使用该产品。在亨德雷特的两个房间里，有一个小房间，一个小房间，一个小房间

这个容器应该在最底部，而不是这里

这是因为HTML和正文具有页面内容的大小。当您只有一个div时，HTML被拉伸到该大小

将此添加到CSS中：

html { height:100%; }
body { min-height:100%; }

这将使html与浏览器视口的大小相同，并将主体设置为至少与该视口相同的高度。 然后再次尝试使用

#yourdiv {
position:absolute;
bottom:0;
}

在你的沙发上

在看到JSFIDLE之后，如果#footer元素必须放在末尾，请执行以下操作：

#page_wrapper {
 position:relative;
}
#footer {
 position:absolute;
}

---

要定位的元素的容器必须始终具有除静态之外的设置位置。这是一条一般规则。

这取决于，如果您以100%的宽度和100%的高度相对定位身体标签，您将能够使用绝对定位，而不会有任何风险

body(position:absolute}
#Container {position:absolute; bottom:0;}

---

为了解释绝对和相对之间的区别，请描绘一个块，如果它是相对定位的，那么它内部的绝对div将使用相对div作为顶部和左侧定位的容器。

在小提琴中，

主体未定位。因此绝对定位的元素是相对于
html
定位的，而不是相对于
body

而且
html
是100%高的，和窗口一样高

解决方案：给出车身
位置：相对

.
取决于很多事情……你能举一个例子说明它是如何出错的，比如在JSFIDLE中吗？我无法想象
position:absolute
和
bottom:0
如果没有这样的技巧就不能工作，除非有其他东西干扰。@MrLister我做了一个提琴，这不起作用，因为主体将具有HTML标记的宽度和高度，它具有页面的宽度和插入div的高度。为了让他尝试工作，HTML需要设置为浏览器视口的100%宽度，这就是我通常解决这个问题的方法。现在我相信一定有一些错误。你能在JSFIDLE中提供一个例子吗？我想#footer必须走到最后？设置#page#u wrapper{position:relative；}和#footer{position:absolute；}不，实际上#侧边栏#底部必须走到末尾。再看看小提琴。我去掉了所有不必要的部分，这样就不那么混乱了。现在#侧边栏底部位于最底部（在jsFiddle中），感谢您的回答。那么，给出位置是否更好：相对，而不是？是的。你真的应该避免给
太多的样式。一些浏览器（不可否认，较老的浏览器）不太喜欢其
上的样式。在这种特殊情况下，浏览器是否知道该位置相对于哪个位置
是根元素，因此它没有要相对于的父元素。