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