时间戳

首页 > 解决方案 > 在动态div的特定高度添加水平线

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

问题描述

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

标签： htmlcss

解决方案

我会创建另一个 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>

推荐阅读