将div定位在页面底部

Question

我正在开发一个网站，菜单应该在页面的结尾。 除菜单外，页面底部还应包含另一个带有两个图像的div。

跟随链接到页面的完整源代码；

红色菜单应该在页面底部对齐，并与div＃leftcontent的中心对齐。

在div＃blue中，社交网络必须在页面底部对齐，并与div＃nav的中心对齐。

当我说底部时，我的意思是在页面末尾。

Answer 1

如果您的意思不是静态放置，而是自然地出现在页面底部，即使侧边栏内容导致页面超出了底部导航栏所在的主要内容，那么使用div还是很不幸。 这是CSS 2.1的主要缺点之一。

您有两个选择：

• 使用表格作为基本布局

• 使用javascript根据边栏的长度动态定位div

您要自行选择，但是javascript选项不适用于禁用了javascript的人，例如较旧的移动浏览器。