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

Question

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

如果我在另一个绝对div中放置一个底部：0的绝对div，内部div总是会粘在父div的底部还是会粘在窗口的底部（在某些浏览器中）？在实践中，内部div粘在父div的底部，但它不是一种好习惯，我担心它可能会被弃用或被弃用。或者这完全没问题？

Answer 1

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

绝对定位：

  

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

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

最佳实践是什么，通过绝对定位创建完整的布局通常不是一个好主意。对于布局，请使用浮点数和display属性。但除此之外，使用绝对定位来解决这个问题并不是什么坏事。是在其他事情之上，因此实际上不是基本布局的一部分。不用担心会被弃用。