位置：绝对；不将元素粘贴到父级可滚动高度的底部答案

【问题标题】：position:absolute; not sticking element to base of parent's scrollable height位置：绝对；不将元素粘贴到父级可滚动高度的底部
【发布时间】：2023-04-01 21:36:01
【问题描述】：

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

【问题讨论】：

谁是父母？身体标签？

标签： css position positioning css-position

【解决方案1】：

您没有为包装元素（在本例中为主体）指定任何定位，因此您的元素定位到窗口的底部。尝试为包装元素分配一个不同于静态的位置（相对，绝对可以这取决于您的需求）

看看here

这可能是help你

希望有帮助

【讨论】：

【解决方案2】：

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

body
{
position: relative;
}

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

Fiddle

【讨论】：

太好了，谢谢！我认为如果没有其他同龄或更年轻的父母有position:relative;，position:absolute; 将与 body 元素相关，我猜不是。

【解决方案3】：

试试这个：

#green{
    position:fixed;
    ...
}

【讨论】：

这不是我想要的。我说的是可滚动高度而不是窗口高度。