0

这里我有一个非常简单的网页。一个div，基本上。但是，尽管我的宽度设置为 100%，但这个 div 周围没有任何区域。这是一张图片演示。

在此处输入图像描述

下面是我的代码。

<html>
    </head>

        <link href='mainStyle.css' rel='stylesheet'/>

        <script src='jquery.js'></script>

    </head>
    <body>

        <div id='navTop'></div>

    </body>
</html>

还有我的 mainStyle.css：

#navTop{
    width:100%;
    height:10px;
    background-color: blue;
    position: absolute;
    margin: none;
    padding: none;
}

这可能只是一个愚蠢的 CSS 错误。任何帮助表示赞赏！

4

4 回答 4

3

添加：

body {
margin: 0;
}

浏览器<body>默认提供 8px 的边距

于 2013-03-13T00:57:10.857 回答
3

浏览器在各种元素上都有默认边距/填充，包括html和body。如果您想div直接走到边缘，您还需要将它们设置为零。

于 2013-03-13T00:57:22.350 回答
0

这可能是因为您<body>需要将其边距和填充设置为 0。

CSS：
body { margin: 0px; padding: 0px; }

于 2013-03-13T00:57:44.830 回答
0

您的浏览器具有默认样式（字体大小、字体系列、行高等，包括文档周围的边距和填充）。

为避免文档周围出现额外空间，您可以在 CSS 中添加：

body,div,p { margin:0;padding:0; }

所以这些元素不会保留默认值。

另一种奇特的方法是使用CSS 重置脚本来确保几乎所有默认样式都被覆盖为 0/null，因此只有您自己的规则才重要。

于 2013-03-13T00:57:49.843 回答