这是我正在处理的网站的链接。由于某种原因,我无法弄清楚为什么。我可以通过在页脚 div 的顶部留出很大的边距来获得。但这意味着对于较短的页面,我需要几个不同的页脚 div。
我也有希望添加我的代码的问题。你可以看到我错过了什么。查看源。
这是我正在处理的网站的链接。由于某种原因,我无法弄清楚为什么。我可以通过在页脚 div 的顶部留出很大的边距来获得。但这意味着对于较短的页面,我需要几个不同的页脚 div。
我也有希望添加我的代码的问题。你可以看到我错过了什么。查看源。
div
需要清除带有“wrap”ID的浮动元素。这可以通过给div
类名“组”来完成。请务必在整个站点中具有浮动元素的所有父项上执行此操作。
您还需要将以下样式添加到样式表中,然后您可以从页脚中删除上边距。
如果您只需要支持 IE8 及更高版本,请使用以下命令:
.group:after {
content: "";
display: table;
clear: both;
}
否则,使用这个:
.group:before,
.group:after {
content: "";
display: table;
}
.group:after {
clear: both;
}
.group {
zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}
我不能很好地看你的代码,但我想你有很多浮动元素。在您的页脚之前添加以下内容:
<div style="clear: both;"></div>
告诉我这是否改变了什么。或添加clear: both;
到页脚。
编辑 我刚刚添加:
.footer {
margin-top: 0;
clear: both;
}
使用 FF 开发人员工具添加到您的代码并修复它。阅读 Floats 和 clear CSS 属性。