背景上的身体溢出答案

【问题标题】：Body Overflowing on background背景上的身体溢出
【发布时间】：2014-03-05 18:44:11
【问题描述】：

对于我的主页，我将背景设置为width: 80%;，然后对齐到中心。

主页：

为此，我使用了以下代码：

<body id="top"style="height:100%;overflow-x:hidden;background:red;" bgcolor="#FF0000">

现在，当我放大浏览器的大小时，它会变成这样：

我怎样才能阻止这种情况发生？

【问题讨论】：

【解决方案1】：

body{
 width:80%;
 margin:0 auto;
}

【讨论】：

【解决方案2】：

因为您使用的是百分比，所以它总是会根据您的屏幕进行调整，因此当您的屏幕宽度为 1024 像素时，它将是 80%，但如果您将其调整为 700 像素，它将是 80%。

您是否在其他元素上使用了百分比？使用它们不是一个坏习惯，只是你应该在一个固定宽度的元素中使用它们来防止这样的事情发生。

【讨论】：

【解决方案3】：

只定义你的body min-width

body{
min-width:1000px; // width of you main container 
}

【讨论】：