TangMonk的博客

高度塌陷（Height Collapse）是指当一个元素的内容区域中存在浮动元素或绝对定位元素时，元素的高度无法自动撑开以适应内容的高度，导致元素高度为0或异常小的现象。1. **使用空的块级元素进行清除浮动：** 在浮动元素后面添加一个空的块级元素，并为其设置`clear: both;3. **使用父容器的`overflow`属性：** 将容器元素的`overflow`属性设置为`auto`或`hidden`，这会创建一个新的块级格式化上下文，从而包含浮动元素。`样式，来清除浮动。

3. 数值越大，元素越靠前：z-index 的数值越大，元素在层叠顺序中就越靠前。5. 考虑兄弟元素：兄弟元素之间的层叠顺序由它们各自的 z-index 值决定。如果两个兄弟元素都具有 z-index 值，那么具有较大 z-index 值的元素将在层叠顺序中处于更前面。理解层叠上下文、合理规划 z-index 值和进行测试是确保正确使用 z-index 的关键。子元素的 z-index 值不能超过父元素的 z-index 值。父元素的 z-index 值可以创建一个层叠上下文，影响其子元素的层叠顺序。

4. 使用 `top`, `left`, `right`, `bottom` 属性来调整子盒子在父盒子内的位置，以实现居中效果。2. 使用 CSS 将父盒子设置为相对定位（`position: relative;3. 将子盒子设置为绝对定位（`position: absolute;1. 创建一个父盒子和一个子盒子的 HTML 结构。