当我调整窗口大小时，绝对定位的div并不总是固定为底零

当调整窗口大小时，绝对定位的div并不总是固定为底零，这通常是由于div的定位上下文（positioning context）或者其父元素的尺寸变化导致的。以下是涉及的基础概念、可能的原因以及解决方案：

基础概念

绝对定位（Absolute Positioning）：元素相对于最近的非static定位的祖先元素进行定位。
定位上下文：决定绝对定位元素参照的最近的已定位（非static）祖先元素。

可能的原因

父元素没有设置定位：如果父元素没有设置为relative、absolute、fixed或sticky，绝对定位的div会相对于整个文档定位。
父元素尺寸变化：当窗口大小改变时，如果父元素的尺寸发生变化，可能会影响子元素的定位。
CSS属性设置不当：如bottom属性没有正确设置为0，或者存在其他CSS属性影响布局。

解决方案

确保父元素具有适当的定位，并且div正确地相对于父元素定位。以下是一个示例代码：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Absolute Positioning Example</title>
<style>
  .container {
    position: relative; /* 设置父元素为相对定位 */
    width: 100%;
    height: 100vh; /* 确保父元素高度占满视口 */
  }
  .fixed-bottom-div {
    position: absolute;
    bottom: 0; /* 固定到底部 */
    width: 100%;
    background-color: lightblue;
    text-align: center;
    padding: 10px;
  }
</style>
</head>
<body>

<div class="container">
  <div class="fixed-bottom-div">
    This div stays at the bottom.
  </div>
</div>

</body>
</html>