将div定位在页面底部
我正在开发一个网站，菜单应该位于页面的末尾。除了菜单之外，另一个带有两个图像的 div 也应该位于页面底部。
点击链接查看页面的完整源代码；
红色表示菜单应在页面底部对齐，与 div#leftcontent 的中心对齐。
在 div#blue 中，社交网络必须在页面底部对齐，与 div#nav 的中心对齐。
当我说底部时，我的意思是在页面的末尾。
I am developing a website where the menu it should be the end of the page. Besides the menu, another div with two images should also sit at the bottom of the page.
Follow the link to the complete source code of the page;
In red, the menu should be aligned at the bottom of the page, aligned to the center of div#leftcontent.
In the div#blue social-networks must be aligned at the bottom of the page, aligned to the center of the div#nav.
When I say bottom, I mean right at the end of the page.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
如果您的意思不是静态定位，而是自然地出现在页面底部，即使侧边栏内容导致页面超出底部导航所在的主要内容，那么使用 div 就不走运了。这是 CSS 2.1 的主要缺点之一。
您有两个选择：
使用表格作为基本布局
使用 javascript 根据侧边栏的长度动态定位 div
这取决于您要选择的内容，但 javascript 选项对于禁用 javascript 的用户（例如较旧的移动浏览器）不起作用。
If you mean not statically positioned, but just naturally occurring at the bottom of the page even when the sidebar content causes the page to exceed beyond the main content under which the bottom nav occurs, then you are out of luck using divs. This is one of CSS 2.1's major shortcomings.
You are left with two options:
Use a table for the basic layout
Use javascript to dynamically position the div based on the length of the sidebar
It's up to which you want to choose, but the javascript option will not work for people with javascript disabled, such as older mobile browsers.