Question

我有一个高度约为2300像素的div，我想像A4纸一样在height = 900px处添加一条单独的行，但是由于div的内容可能不同，我不知道如何添加它（在哪个sub div元素之后）在html文件中，能否告诉我如何使用CSS自动添加此行？谢谢。

Answer 1

我将创建另一个div并将其放在您的内容之上。

.content {
  height: 2300px;
  width: 100%;
  position: absolute;
  background-color: grey;
}

.border {
  width: 100%;
  border: 5px solid white;
  position: relative;
  top: 900px;
  z-index: 100;
}

<!DOCTYPE html>
<html>
  <body>
    <div class="content">
      <h1>DYNAMIC CONTENT HERE</h1>
    </div>
    <div class="border"></div>
  </body>
</html>

Answer 2

在div内创建一个高度为900px的div，并在底部添加边框。

在动态div的特定高度添加水平线

2 个答案: