CSS 绝对定位 - 关注 Div

Question

我在我的站点顶部设置了一个横幅，它具有绝对位置，因此我可以将高度设置为 100%，以便背景图像占据用户看到的整个屏幕。

然后我将另一个部分放在横幅下方，但新的 div 不是显示在横幅下方，而是显示在页面顶部。

希望我说得有道理：/

求助！！！

Answer 1

绝对定位元素不会在文档流中占用任何 space。试试相对位置。绝对位置是针对特定情况的。

这里有一个例子，我分叉了你的 JS fiddle。查看代码，尤其是 height: calc(100% - 100px); 的 "banner"

高度

https://jsfiddle.net/hLqmeoww/

Answer 2

尝试使用 vh 作为高度，而不是使用绝对定位。基本上：

#banner {
  height:100vh;
  width:100%;
}