位置：绝对的;不要将元素粘贴到父级可滚动高度的基础上

Question

你能看一下jsFiddle example并告诉我为什么我的绿色<div>不会粘在父母可滚动高度的底部吗？我确信这很简单。提前谢谢！

Answer 1

你没有为包装器元素指定任何定位（本例中为body），因此你的元素定位在window的底部。尝试将一个与static不同的位置分配给包装元素（相对的，绝对的，无论它是否正常）这取决于你的需要）

看看here

这可能help你

希望这个帮助

Answer 2

如果我的评论的答案是肯定的，那么就给你身体标记一个相对的位置

body
{
position: relative;
}

如果其他元素是父元素，则只需用该元素替换body。给你代码，绿色div不会粘在底部，因为它是绝对定位的，没有任何相对或绝对定位的父/祖先，在这种情况下，它将相对于视口/浏览器窗口/画布定位自己（不HTML5中的canvas元素，可能是也可能不是html或body元素，具体取决于用户代理/浏览器。当你给身体一个相对位置时，它提供了一个新的定位上下文，而绿色div将相对于body元素定位。如果body标签不是父标签，则给出相对于父元素的位置，这可能是父元素。

Fiddle

Answer 3

试试这个：

#green{
    position:fixed;
    ...
}