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

Question

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

我试图设置导航，以便在点击锚链接时（让我们说＆＃34;关于我们＆＃34;，＆＃34;联系我们＆＃34;等） ，它只是向下滚动到该锚点在页面中的位置。

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

Answer 1

首先是jsfiddle。

你基本上让所有的div绝对定位，占据了整个屏幕

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

然后，您可以使用

从顶部创建每个div一个完整的屏幕

#div1 {
    top:100%;
}

你可以使用200％，300％等剩下的

Answer 2

看起来您正在寻找此http://jalxob.com/cool-kitten/

这是完整列表，

http://blog.teamtreehouse.com/open-source-jquery-plugins-for-building-single-page-website-layouts

Answer 3

试试这个：http://jsfiddle.net/r8XqV/1/

display block 

表示不要在同一行上放置任何其他内容。 最重要的是，

clear:both 

表示确保清除左侧的div和右侧的div。在这种情况下不需要，但如果你开始左右浮动div，这将确保你的底部div总是留在它们下面