Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/74.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 将div定位在页面底部_Css_Html_Alignment - Fatal编程技术网

Css 将div定位在页面底部

Css 将div定位在页面底部,css,html,alignment,Css,Html,Alignment,我正在开发一个网站,其中的菜单,它应该是网页的结尾。除了菜单之外,另一个包含两个图像的div也应该位于页面底部 按照页面的完整源代码进行操作 在红色中,菜单应与页面底部对齐,与内容中心对齐 在divblue中,社交网络必须与页面底部对齐,与divnav的中心对齐 当我说底部时,我的意思是在页面的末尾。如果你的意思不是静态定位,而是在页面底部自然出现,即使边栏内容导致页面超出了底部导航出现的主要内容,那么你使用div就不走运了。这是CSS 2.1的主要缺点之一 您将有两个选择: 使用表格作为基本布

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

按照页面的完整源代码进行操作

在红色中,菜单应与页面底部对齐,与内容中心对齐

在divblue中,社交网络必须与页面底部对齐,与divnav的中心对齐


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

如果你的意思不是静态定位,而是在页面底部自然出现,即使边栏内容导致页面超出了底部导航出现的主要内容,那么你使用div就不走运了。这是CSS 2.1的主要缺点之一

您将有两个选择:

使用表格作为基本布局

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


这取决于您想要选择哪个,但是javascript选项对于禁用javascript的人不起作用,例如较旧的移动浏览器。

您忘了将链接添加到源代码中。它不在“编辑”下的问题源中,所以您一定忘记了它。你能添加它吗?我添加链接。这里再说一遍:我只会使用CSS。我相信这是可能的,我只想将div与身体底部对齐