CSS水平滚动条不显示，或者右侧有空白

Question

当我缩小浏览器窗口时，我需要一个水平滚动条来显示在我的网站上。当我放置 {overflow-x:auto;} 时，即使浏览器最大化，我也会立即看到一个滚动条，并且我的 body 右侧有大约 100 像素的空白区域。

body {
    padding: 0;
    margin: 0;
}
    .container {
        font-size: 0;
        height: 100%;
        width: 100%;
        position: fixed;
        top: 0px;
        bottom: 0;
        overflow-y: scroll;
        overflow-x: hidden;
    }

Answer 1

尝试使用这个

body {
 padding:0;
 margin:0;
 }
 .container {
 font-size: 0;
 height: 100%;
 width: 100%;
 position: fixed;
 top: 0px;
 bottom: 0;
 overflow-y:scroll;
 margin-right: -10px;
 overflow-x:hidden;
 } `

如果您仍然遇到任何问题。您能否分享 fiddle 链接，我可以在其中检查并为您提供更准确的解决方案。