1

我正在为客户/设计工作室开发一个网站，有一个奇怪的问题，我发现尽管 body 和 html 元素设置为 100% 宽度并且当我调整浏览器大小时，滚动条出现迫使我向右滚动才能找到那里是右侧约 150 像素的间隙。当浏览器调整大小但仍然在右侧留下间隙时，body 元素容器 () 将自身设置为 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;
}

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

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

谢谢。

4

1 回答 1

2

你的问题似乎是 min-width:1200px; 删除它，它将解决强制水平滚动。如果你想要 100% 的宽度，可以这样做：

html, body {
width:100%;
}

对于 html 和 body，我认为您不需要更多的宽度。如果你这样做，请解释原因或张贴你需要的照片。

于 2012-12-12T12:32:15.903 回答