HTML/CSS - 为什么我的页面周围有一小块空白区域?

标签 html css

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

enter image description here

下面是我的代码。

<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 错误。感谢您的帮助!

最佳答案

添加:

body {
margin: 0;
}

浏览器给出 <body>默认 8px 的边距

关于HTML/CSS - 为什么我的页面周围有一小块空白区域?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15375128/

相关文章:

html - 如何将 CSS 应用于不在特定标签内的文本?

jquery - addClass() 可以工作,但它有一个 css 优先级问题

javascript - 我可以设置 TEXTAREA 元素的高度但让用户稍后调整它的大小吗?

Javascript 故障破坏了选择输入的 POST 函数

html - :before element not displaying properly in firefox

javascript - 我想删除 youtube 视频的顶部和底部黑边

javascript - 预加载器动画不起作用

jquery - HTML 中的切换按钮

javascript - 如何在 IE11/Windows 8 中删除样式选择中不需要的填充

javascript - 检测 iPad Safari 用户的最佳方法