Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/84.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
Html 如何始终在底部设置我的页脚仅使用css是否可行_Html_Css - Fatal编程技术网

Html 如何始终在底部设置我的页脚仅使用css是否可行

Html 如何始终在底部设置我的页脚仅使用css是否可行,html,css,Html,Css,我有一个div class.footer,这是我的网站的页脚,到目前为止,我的网页上没有任何内容,所以它是在我的网页顶部后,我的导航。 请告诉我一些CSS,这样我可以把我的页脚放在页面底部。在页脚上使用位置:fixed,设置底部:0将把你的页脚放在屏幕底部 更多关于CSS位置的信息 页脚{ 位置:固定; 底部:0; 左:0; 右:0; 高度:60px; 背景色:红色; } 一些内容 使用 位置:固定将在滚动时固定位置&底部:0将使元素保持在窗口底部 .footer{ 位置:固定; 底部:0

我有一个div class.footer,这是我的网站的页脚,到目前为止,我的网页上没有任何内容,所以它是在我的网页顶部后,我的导航。
请告诉我一些CSS,这样我可以把我的页脚放在页面底部。

在页脚上使用
位置:fixed
,设置
底部:0
将把你的页脚放在屏幕底部

更多关于CSS位置的信息

页脚{
位置:固定;
底部:0;
左:0;
右:0;
高度:60px;
背景色:红色;
}

一些内容
使用

位置:固定将在滚动时固定位置&
底部:0
将使元素保持在窗口底部

.footer{
位置:固定;
底部:0;
宽度:100%;
高度:40px;
背景色:红色;
}
.标题{
宽度:100%;
高度:40px;
背景颜色:绿色;
}

标题
页脚

这是我使用的代码:

#footer{
  position: absolute;
  height: 75px;
  bottom: 0;
}

使用flexbox。非常感谢…@SumitKumar请接受我的回答谢谢,但如果我确定位置,它将始终保持在同一位置。它将始终保持在底部。。内部内容将滚动。您可以使用flexbox。请查看我创建的这个示例代码段,看看它是如何工作的:
#footer{
  position: absolute;
  height: 75px;
  bottom: 0;
}