css怎么让一个div始终都不会覆盖

在CSS中，要让一个`div`始终不会覆盖其他元素，你可以采取几种策略：

1. **相对定位** (`position: relative;`)：给需要保持原位的`div`设置相对定位，并将其 `top`, `right`, `bottom`, 或 `left` 属性设置为0或其他正值，使其相对于其正常位置保持不变。

   .uncoverable {
     position: relative;
     top: 0;
     left: 0;
   }

2. **设置`z-index`**：如果`div`是堆叠顺序的一部分，可以调整`z-index`值使其处于底层（如`z-index: auto`或小于其他元素的`z-index`）。注意，`z-index`只影响定位元素。

   .uncoverable {
     z-index: 0;
   }

3. **浮动或绝对定位** (`float` 或 `position: absolute;`)：将元素设为`float`或`absolute`，并清除其默认的行为，通常会自动阻止它覆盖其他内容。记得在容器上添加清除浮动（例如使用`overflow: auto`）。

   .uncoverable {
     float: none;
     position: absolute;
   }

   /* 清除父级浮动 */
   .parent-container {
     overflow: auto;
   }

4. **限制宽度和高度**：通过限制`width`和`height`，可以防止`div`扩展超出其父元素或特定区域。

   .uncoverable {
     width: 100%;
     height: 100px;
   }