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

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

这里是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：隐藏;”由于担心需要在较小的屏幕和移动设备上进行滚动，因此属于该属性。请注意，这个网站是桌面版本。

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

谢谢。

来源

2012-12-12 user1087834

直到您拥有绝对位置，固定位置或相对位置，您才可以使用左右属性。 –

同意，松动左/右属性 – user1721135

您确定您正在测试的窗口与您设置的最小宽度一样宽还是宽？此外，如果您正在页面上使用其他元素进行测试，则可能是未检查的边距。否则，CSS在Chrome和Firefox中似乎可以正常工作。 – Jesse

Youre问题似乎是最小宽度：1200px;删除它，它将解决强制性水平滚动。如果你想100％宽度这样做：

html, body { 
width:100%; 
}

我不认为你需要更多的那么明智的宽度，对于HTML和正文。如果你这样做，解释为什么或张贴图片你需要什么请。

来源

2012-12-12 12:32:15 user1721135

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

回答

相关问题