为什么这个页脚不能完全展开到两侧？

我正在为我学校的网站设计一个模板，需要一些帮助。所有的事情都很棒，直到我到达页脚。我已经注意到，所有的东西都是，但是的顶部导航无法完全展开到屏幕两侧。这非常令人沮丧，因为我试图将页脚填充到与导航相同的宽度。为什么这个页脚不能完全展开到两侧？

For your convenience, I have uploaded a copy of the template here.我相信它与css有关，但我尝试了所有可能的值，我可以想到没有任何效果。

如果可以，请帮助。

谢谢你的时间。

来源

2011-08-27 cssplant

[验证代码（http://validator.w3.org/check?uri=http%3A%2F%2Ftest.victoriaparkci.com%2Ftpl2%2F&charset =％28detect +自动％29＆DOCTYPE =内嵌＆组= 0）。 – Sparky

因为您在body元素上有8像素的边距。在你的CSS，试试这个

body, html 
{ 
    margin: 0; 
    padding: 0; 
}

这是一个很好的片段，包括在每个项目顺便说一句。

来源

2011-08-27 21:15:51 gargantuan

大声笑快一秒;） –

非常感谢你！我简直不敢相信那很简单：D – cssplant

添加margin: 0 body标签

来源

2011-08-27 21:15:53

非常感谢！ – cssplant

保证金地址：0像素的身体{标签在CSS

这将解决这个问题：

body{ 
    background: #fbe2a9 url(images/body-bg.jpg) repeat-x top; 
    font-family:Arial, Helvetica, sans-serif; 
    font-size:13px; 
    margin: 0px; 
}

来源

2011-08-27 21:17:25

浏览器，默认情况下，给body标出保证金。所以，你需要做的是设置为0：

body { margin: 0; }

为什么顶部导航看样子你是如何想的原因，是因为你设置position到fixed和“粘合”它的屏幕左上角（0，0），宽度为100％。

来源

2011-08-27 21:17:47 wsanville

嗯，要开始，你要清楚：both和float：left，当你只需要清除：两者。然后添加以下到#footer_wrapper：

#footer_wrapper { 
    position:relative; 
    left:-7px; 
}

来源

2011-08-27 21:27:10 monkdogz

为什么这个页脚不能完全展开到两侧？

回答

相关问题