将div定位在页面底部

Question

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

关注the link到页面的完整源代码;

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

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

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

Answer 1

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

您有两种选择：

• 使用表格作为基本布局

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

这取决于您要选择的内容，但javascript选项不适用于禁用javascript的用户，例如较旧的移动浏览器。