html - 将 div 定位在浏览器视图底部的正下方

Question

将一个 div 放在另一个占据浏览器整个高度的 div 下方的最简单方法是什么？

我正在尝试设置导航，以便在单击锚链接时（比如说“关于我们”、“联系我们”等），它只会向下滚动到该锚在页面中的位置。

因此，基本上，默认页面占据屏幕的 100%，关于我们占据第二个 100%，依此类推。

score 1 · Accepted Answer

这是一个jsfiddle首先。

您基本上使所有 div 绝对定位，占据整个屏幕

div {
    position:absolute;
    width:100%;
    height:100%;
}

然后，您可以使每个 div 从顶部全屏显示

#div1 {
    top:100%;
}

其余的可以使用 200%、300% 等等

score 0 · Accepted Answer

这是完整列表，

score 0 · Accepted Answer

display block

意味着不要在同一行放任何其他东西。最重要的是，

clear:both

意味着确保清除左侧的 div 和右侧的 div。这种情况下不需要，但如果您开始左右浮动 div，这将确保您的底部 div 始终保持在它们下方

3 回答 3