为什么第二个div会盖住第一个div

第二个 `div` 盖住了第一个 `div`，是因为它们的位置属性都是默认的 `static`，也就是说它们是按照文档流排列的，后面的元素会覆盖前面的元素。 如果想要控制元素的层叠顺序，可以使用 CSS 中的 `z-index` 属性。`z-index` 属性用于设置元素的堆叠顺序，数值越大的元素会覆盖数值较小的元素。具体来说，可以按照以下步骤进行操作： 1. 首先，在 HTML 文件中添加两个 `div` 元素，并设置其内容和样式，例如： ```html ``` 2. 然后，在 CSS 文件中为这两个 `div` 元素添加如下样式： ```css #div1 { position: absolute; top: 0; left: 0; z-index: 1; } #div2 { position: absolute; top: 50px; left: 50px; z-index: 2; } ``` 其中，`position: absolute` 表示将元素的位置设置为绝对定位，`top` 和 `left` 属性表示元素的位置，`z-index` 属性表示元素的堆叠顺序，数值越大的元素会覆盖数值较小的元素。 通过以上操作，就可以控制两个 `div` 元素的层叠顺序了。需要注意的是，只有设置了 `position` 属性的元素才能使用 `z-index` 属性。