Question

我正在努力建立一个非常基本的示例网站。

这是我的JSFiddle（fullscreen）。

我正在尝试使用导航栏。我希望它浮动，我希望它跨越整个浏览器宽度。但是，正如您将看到的那样，浏览器设置在页面中，并且不使用整个浏览器的宽度。

我告诉它要使用100％的宽度，但它会在任何一侧切断。我甚至告诉它以101％+的速度运行，但这些方法并不合适，因为它们会导致水平滚动。

每一个，我再说一遍，我能找到的每篇帮助文章只是说“宽度100％，你会没事的！”

这种方法从未对我有用，我不明白为什么。

它不会错误地读取width属性，因为Firefox也存在同样的问题。

我希望这个栏横跨顶部，就像我们在StackExchange页面上方的栏一样。

有人能帮助我实现这个目标吗？究竟是怎么做到的？

注意：我知道我的酒吧还没有漂浮，我会这样做。

Answer 1

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

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

Answer 2

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

CSS

* {
    margin: 0;
    padding: 0;
}

它基本上会重置所有浏览器的所有边距和填充查看演示：http://jsfiddle.net/3zU8Z/2/