css - CSS 样式未达到边缘

Question

在我的网站上，标题是带有彩色背景的 div 标签。唯一的问题是它没有到​​达窗口的“边缘”（请参阅​​ http://manpoints.uk.to/）。

关于如何解决这个问题的任何想法？

谢谢，乔希。

Answer 1

这是浏览器默认的 css。

将此添加到头部

<style>
body{
    margin:0;
    padding:0;
}
</style>

或者将其添加到样式表中。

Answer 2

尝试@KP 的建议，并添加#header{ width:100%; }到您的样式表中。发生的事情是您的标题没有定义宽度，并且它占用了内部内容的最大宽度。

Answer 3

您可能需要考虑使用一种CSS reset技术来清除所有浏览器设置的样式。您的问题是body默认情况下 hasmargin和padding.

在您的样式表中，请务必通过以下方式清除它们：

body
{
    margin: 0;
    padding: 0;
}

有关相关的 CSS 重置样式表，请参阅此问题：https ://stackoverflow.com/questions/116754/best-css-reset