html - 我在宽度上做错了什么？

Question

我目前正在用基本的 html 和 css 编写一个网站，以便在那里拥有它，但我遇到了宽度问题。

我将我的 body 设置为 1086px 宽度（我设计中元素的最大宽度）。

虽然我的电脑显示器是 1366px 宽，但底部仍然有一个滚动条。无论如何要解决这个问题？

溢出：隐藏将不起作用，因为较小的显示器（1024px）将无法在没有滚动条的情况下看到所有内容，因此可能需要它。

提前致谢！

编辑：找到解决方案：

{
overflow-y: auto;
overflow-x: hidden;
}

Answer 1

有两种不同的盒子模型。你有你的宽度+填充+边距。使用 CSS box-sizing 属性将您的框模型设置为边框框。

body {
  box-sizing: border-box;
}

在quirksmode.org，您可以找到一些示例。

Answer 2

您应该从 css 文件中的元素中删除任何填充和边距。

html, body, footer, header etc {
margin: 0;
padding: 0;
}

Answer 3

调整大小body不是一种优雅的方式。您应该使用而不是名为 wrapper 的 div 容器，并调整包装器的大小。这也应该可以解决您的问题。

看看这个 jsfiddle http://jsfiddle.net/EeJnN/