在页面底部定位div

Question

我正在开发一个网站，其中的菜单应该是页面的结尾。除了菜单之外，另外一个带有两个图像的div也应该放在页面的底部。

按照the link转到页面的完整源代码;

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

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

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

Answer 1

如果您的意思不是静态定位，而只是自然发生在页面底部，即使侧边栏内容导致页面超出底部导航所在的主要内容之外，那么您使用div 。这是CSS 2.1的主要缺陷之一。

你有两种选择：

• 使用表的基本布局

• 使用JavaScript基于侧边栏的长度动态定位的div

这取决于您想要选择的内容，但JavaScript选项对禁用JavaScript的人员（例如较旧的移动浏览器）无效。