Html 将div放置在浏览器视图底部的正下方
把一个div放在另一个占据整个浏览器高度的div下面最简单的方法是什么 我正在尝试设置导航,以便在单击锚链接(比如“关于我们”、“联系我们”等)时,它只会向下滚动到该锚在页面中的位置 因此,基本上,默认页面占据了100%的屏幕,关于我们的页面占据了第二个100%,依此类推。这里是第一个页面 基本上,所有的div都是绝对定位的,占据了整个屏幕Html 将div放置在浏览器视图底部的正下方,html,css,Html,Css,把一个div放在另一个占据整个浏览器高度的div下面最简单的方法是什么 我正在尝试设置导航,以便在单击锚链接(比如“关于我们”、“联系我们”等)时,它只会向下滚动到该锚在页面中的位置 因此,基本上,默认页面占据了100%的屏幕,关于我们的页面占据了第二个100%,依此类推。这里是第一个页面 基本上,所有的div都是绝对定位的,占据了整个屏幕 div { position:absolute; width:100%; height:100%; } 然后,您只需使用 #div
div {
position:absolute;
width:100%;
height:100%;
}
然后,您只需使用
#div1 {
top:100%;
}
您可以使用200%、300%等其他选项看起来您正在寻找此选项 这是完整的清单 试试这个: 意思是不要把其他东西放在同一行。 除此之外
clear:both
意思是确保清除左侧的div和右侧的div。在这种情况下不需要,但如果您开始左右浮动div,这将确保您的底部div始终位于它们下方我们需要知道它如何占据100%的屏幕。您使用的是相对定位还是绝对定位等?听起来好像有人需要Jquery滚动条和/或航路点。因此,请注意滚动速率。如果你像一个有滚动事件的单页页面,设置滚动速率,使其与窗口与内容高度的比例相匹配。太棒了,这非常有效。非常感谢。
clear:both