Question

正如标题所说，我不知道为什么我的＃content-bg div有负余量。它在我的页面右侧创建了一个我不想要的空白空间。有什么想法吗？

Answer 1

删除#content

上的填充

你的宽度在内容上设置为100％，然后你填充它3em所以它超过100％

如果你想要填充，你可以尝试将#content宽度设置为96％并将左/右填充设置为2％或类似的东西（如果你试图使填充缩小/扩展页面）。如果您不需要填充响应，也可以从内容中删除100％的宽度。

您页面上的其他内容也会显示水平滚动条。这是＃content-bg，你真的不需要100％的宽度，因为它已经是显示块。因为你有宽度100％+边框，这就是为什么它给你水平滚动条。或者，您可以查看https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing

Answer 2

从#content和#content-bg width:100%

中删除您的CSS

Answer 3

您已经有* {}规则...将其添加到其中：

* {
-webkit-box-sizing: border-box; /* Android ≤ 2.3, iOS ≤ 4 */
     -moz-box-sizing: border-box; /* Firefox 1+ */
          box-sizing: border-box; /* Chrome, IE 8+, Opera, Safari 5.1 */
}

有了这个你不必担心填充增加宽度的奇怪的盒子模型 - 所以如果你设置宽度：300px和填充：10px到一个元素，宽度实际上是300px而不是320px。 / p>

负边际，无法弄清楚它来自何处

3 个答案: