绝对定位布局---笔记

当使用绝对定位布局时，通常会对父容器和子容器进行不同的配置。

父容器的配置

1. 定位属性：父容器通常需要具有相对定位属性（position: relative;），以使其成为绝对定位子元素的参考点。这样，子元素的绝对定位位置将相对于父容器而定位。

2. 宽度和高度：通常需要为父容器指定适当的宽度和高度，以限制子元素的绝对定位范围。如果父容器没有显式设置宽度和高度，子元素可能会超出父容器的边界。

子容器的配置

1. 定位属性：子容器需要具有绝对定位属性（position: absolute;），以脱离文档流并根据其定位容器进行定位。

2. 位置属性：子容器需要通过 top, right, bottom, left 属性来指定相对于其定位容器的位置。这些属性决定了子元素的定位偏移量。

3. 尺寸属性：通常需要为子容器指定宽度和高度，以确保其在父容器中占据适当的空间。如果没有显式设置宽度和高度，子元素的尺寸可能会受到内容的影响而变化。