Html 将div放置在浏览器视图底部的正下方

Html 将div放置在浏览器视图底部的正下方,html,css,Html,Css,把一个div放在另一个占据整个浏览器高度的div下面最简单的方法是什么 我正在尝试设置导航,以便在单击锚链接(比如“关于我们”、“联系我们”等)时,它只会向下滚动到该锚在页面中的位置 因此,基本上,默认页面占据了100%的屏幕,关于我们的页面占据了第二个100%,依此类推。这里是第一个页面 基本上,所有的div都是绝对定位的,占据了整个屏幕 div { position:absolute; width:100%; height:100%; } 然后,您只需使用 #div

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

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

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

这里是第一个页面

基本上,所有的div都是绝对定位的,占据了整个屏幕

div {
    position:absolute;
    width:100%;
    height:100%;
}
然后,您只需使用

#div1 {
    top:100%;
}

您可以使用200%、300%等其他选项

看起来您正在寻找此选项

这是完整的清单

试试这个:

意思是不要把其他东西放在同一行。 除此之外

clear:both 

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

我们需要知道它如何占据100%的屏幕。您使用的是相对定位还是绝对定位等?听起来好像有人需要Jquery滚动条和/或航路点。因此,请注意滚动速率。如果你像一个有滚动事件的单页页面,设置滚动速率,使其与窗口与内容高度的比例相匹配。太棒了,这非常有效。非常感谢。
clear:both