body / html的宽度小于浏览器问题的宽度

Question

我正在为客户/设计工作室的网站工作，有一个奇怪的问题，我发现尽管将body和html元素设置为100％宽度，当我调整浏览器大小时，滚动条似乎迫使我只向右滚动发现右侧有大约150像素的间隙。当调整浏览器大小时，body元素container（）将自身设置为1240px的固定宽度，但仍然留在右侧的间隙。

这是body元素的css代码。

body {
min-width: 1200px;
max-width: 100%;
left: 0px;
right: 0px;
width: auto !important;
margin: 0 auto;
padding: 0;
background: url('images/bg-repeat2.jpg') repeat;
line-height: 1;
font: 'BitstreamVeraSerifRoman', Arial, sans-serif;
}

这是html元素的css：

html {
margin: 0 auto;
padding: 0;
width: 100%;
min-width: 1200px;
left: 0px;
right: 0px;
}

我没有使用“overflow-x：hidden;”由于担心需要在较小的屏幕和移动设备中滚动，因此属性也是如此。请注意，此网站是桌面版。

如果社区中的任何人都可以通过提供解决方案或解决方案来提供帮助，我将不胜感激。

感谢。

Answer 1

你的问题似乎是最小宽度：1200px;删除它，它将解决强制水平滚动。如果您想要100％宽度，请执行以下操作：

html, body {
width:100%;
}

我不认为你需要更多的宽度，对于HTML和身体。如果你这样做，请解释为什么或张贴你需要的照片。