css - 在页面底部放置一个 div

标签 css

我在 http://s361608839.websitehome.co.uk/testsite/ 有一个正在处理的页面

基本上 div #footer 应该位于页面底部,因为它出现在标记的末尾,而且它也在 #wrapper 之外。

HTML :

 <div id="footer">This footer text should be underneath the white box (at the bottom)</div>

CSS:

#footer{
width: 960px;
margin: 0 auto;
color: #FFF;
}

我尝试向 CSS 添加一个 clear:both,因为我认为可能是页面中某处的 float 导致了这种情况,但它似乎没有做任何事情。

任何帮助都将不胜感激。

谢谢

最佳答案

将您的#header 位置更改为相对位置并删除#register 上的“顶部”声明,一切都恢复正常!

绝对定位会对页面流造成严重破坏,因此在使用时请牢记这一点!

关于css - 在页面底部放置一个 div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10342936/

相关文章:

css - 子菜单在 Flexbox 中消失

javascript - 从连接中排除文件(MINIT 插件)

html - 如何在 CSS 中创建 float 多列布局(Flexbox、float、inline-block)?

html - 如何在页面中心设置我的 Django 表单

javascript - JQuery 动画和 z-index 无法正常工作

html - 文本未在 div 中间垂直对齐

input - Firefox 中可能的输入填充错误

html - 字体大小与字符实际在屏幕上占据多少像素之间的关系是什么?

css - 如何使用 Odoo 8 中的下拉菜单将左侧菜单移动到页面顶部?

css - 使用 div 标签定位元素