html - 根据浏览器高度将图标添加到底部 div 部分

Question

事情是这样的.. 我有一个网页分为 2 个部分(intro 和 main)

intro 部分根据浏览器高度使用 CSS 扩展到 100:

#intro {
  height: 100vh;
}

我想添加一个带 href 的箭头，无论进入页面的屏幕尺寸如何，它都将位于 intro div 的底部。

你知道怎么做吗？

谢谢!

Answer 1

#intro {
    ...
    position: relative; /* or absolute, as appropriate */
}
#down_arrow {
    position: absolute;
    bottom: 10px;
    left: 50%;
    margin-left: -25px; /* half the element's width */
}

这假设标记类似于以下内容。将来，请在您的问题中提供您的标记。

<div id="intro">
    <div id="down_arrow"> ... </div>
</div>