Html 不带'的水平导航栏；即使设置为100%，也不要使用100%宽度

我正在尝试制作一个非常基本的网站示例

这是我的（）

我想从导航栏开始。我希望它浮动，我希望它跨越整个浏览器宽度。但是，正如您将在小提琴上看到的那样，浏览器设置在页面中，不使用整个浏览器的宽度

我告诉过它使用100%宽度，但它两边都被切断了。我甚至告诉它以101%+的速度运行，但这些方法并不可取，因为它们会导致水平滚动

每一篇，我重复，每一篇我能找到的关于这篇文章的帮助文章都会说“让宽度100%，你会没事的！”

这种方法对我从来都不起作用，我不明白为什么

这不是chrome误读了

width

属性，因为Firefox也有同样的问题

我想让这个横条横跨顶部，就像StackExchange页面上我们上方的横条一样

有人能帮我做到这一点吗？这到底是怎么做到的

---

注意：我知道我的工具栏尚未浮动，我会这样做。

您需要重置浏览器的默认样式表：

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

---

虽然代码中的所有内容都是正确的，但您忘记添加以下内容：

CSS

它基本上会重置所有浏览器中的所有边距和填充

---

查看演示：

尝试强制正文边距为零：body{margin:0px}好的，这样就行了。是的。我现在明白了。我忘记了页面的DOM组件，默认情况下，

导航栏的
位于
主体
中，主体已经有了自己的边距。
* {
    margin: 0;
    padding: 0;
}