CSS：在绝对div中嵌套绝对div？答案

【问题标题】：CSS: nesting absolute div within an absolute div?CSS：在绝对div中嵌套绝对div？
【发布时间】：2017-01-26 04:35:25
【问题描述】：

<div style="position:absolute; height:500px;">
  <div style="position:absolute; bottom:0;">xxx</div>
</div>

如果我将一个具有底部：0 的绝对 div 定位在另一个绝对 div 中，内部 div 会始终粘在父 div 的底部还是会粘在窗口底部（在某些浏览器中）？在实践中，内部 div 粘在父 div 的底部，但感觉不是很好的做法，我担心它可能会被弃用或被弃用。或者这完全没问题？

【问题讨论】：

标签： html css

【解决方案1】：

阅读：https://developer.mozilla.org/en/docs/Web/CSS/position

绝对定位：

不要为元素留出空间。相反，将其定位在相对于其最近定位的祖先（如果有）或相对于初始包含块的指定位置。绝对定位的框可以有边距，并且它们不会与任何其他边距一起折叠。

一般来说，当你有一个定位元素（基本上除了static）时，它会为子元素创建一个新的定位上下文。（好吧，实际上这可能不是那么简单，并且有一些浏览器依赖性，尤其是在涉及 fixed 时。）在您的示例中，内部 div 将粘在外部 div 的底部。

就最佳实践而言，创建具有绝对定位的成熟布局通常不是一个好主意。对于布局，使用浮动和display 属性之类的东西。但除此之外，将绝对定位用于诸如位于其他事物之上，因此实际上不是基本布局的一部分。也不怕被弃用。

【讨论】：