代码之家 › 专栏 › 技术社区 › Teilmann

粘脚的行为怪异

sticky-footer position css html

Teilmann · 技术社区 · 13 年前

我已经为我的网站做了一个粘性的页脚,但它并不像我想的那样。我希望它完全在底部,总是取决于内容的长度。相反,它总是出现在屏幕上。有人能帮我吗?

页脚css:

#footer{
position: fixed;
bottom: 0;
z-index: 1;
width: 100%;
height: 50px;
clear: both;
background-image: url("../images/footer_pattern.png");

}

2 回复 | 直到 13 年前

Tom 13 年前

#footer{
width: 100%;
height: 50px;
clear: both;
background-image: url("../images/footer_pattern.png");
display: block;
margin-top: 0px;
//if contains children add overflow:hidden;
}

OneChillDude 13 年前

你的问题有点模糊,但如果我理解正确的话,我认为你想要的是职位:相对的。

position: relative;
bottom: 10px;

这样做的目的是在元素和下一个相对父元素之间添加指定量的空间(10px)。祝你好运

推荐文章

Jamie · 在CSS链接的文件名中添加Jinja占位符

10 月前

Mass · 如何在Tailwind CSS v4中创建配置

10 月前

magenta placenta · 将css变量合并为一个变量

10 月前

ptownbro · 重叠分区标签,同时保持以下所有分区和内容就位

11 月前

Luke Frost IEng MIMechE · Bootstrap 5.3在Div中的项目位置没有如我所期望的那样显示

11 月前

user29519291 · 为不同的变量创建一个带有可重用Click函数的简单菜单

11 月前

john Rizzo · 按钮背景颜色、悬停和活动状态存在问题

11 月前

Ben Halicki · 带有垂直和水平滚动条的表,使用HTML/CSS/Bootstrap-5固定行和列

11 月前

Luckkks · 过渡色工作不正常

11 月前

ModernEraCaveman · 如何对齐我的Bootstrap容器以适应网页的整个宽度?

11 月前