html - 将div设置为相对于body

我不想用类“绝对”来设置相对于身体的div，而不是div改变位置，是否可行和如何。

我无法改变div位置，因为我的项目很大，如果我这样做，其他内容也不会很好。

HTML，CSS：

div {
  position: relative;
}
.container {
  background-color: red;
  width: 300px;
  height: 50px;
  margin: auto;
}
.absolute {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 100%;
  background-color: green;
}

<body>
  <div>
    <div>
      <div>
        <div class="container">
          <div class="absolute">
            ABSOLUTE
          </div>
        </div>
      </div>
    </div>
  </div>
</body>

将div设置为相对于body

0 个答案: