css - 绝对定位的元素没有高度。这是什么意思？

Question

你好，

我在网上看到绝对定位的元素没有高度。有人可以用简单的方式解释这一点，并可能用一个例子来说明。

Answer 1

我觉得你有点困惑。您可能听说过仅包含绝对定位元素的元素没有高度。这更有意义。

与任何元素一样，绝对定位的元素将具有其内容的高度，除非使用 height 或 min-height 另行指定。

仅包含绝对(或 float )定位元素的元素没有高度，因为它们的内容(也称为定位元素)从文档流中取出。这意味着，它们不是沿着文档的渲染树渲染的，其中内联元素水平堆叠， block 元素垂直堆叠，而是在相对于最近定位的祖先的绝对位置上渲染。因此，它们的尺寸不计入 parent 的高度。