Question

我目前正在使用基本的html和css编写一个网站，为了有它，我有宽度问题。

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

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

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

提前致谢！

编辑：找到解决方案：

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

Answer 1

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

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

Answer 2

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

body {
  box-sizing: border-box;
}

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

Answer 3

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