溢出-x 无法正常工作

Question

我的网站完成了大约 25%，我把所有东西都放在一个 .container 中

   html,body {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #eeeeee;
    overflow-x: scroll;


}

.container {
    width: 1920px;
    margin: 0 auto;
}

.header {
    background-image:url("/images/backgroundimg.jpg");
    background-repeat: no-repeat;
    background-position: fixed;
    height: 773px;
}

现在我想在窗口较小时有一个水平滚动条，我尝试了滚动和自动，水平条在窗口较小时工作，但是当它的全屏时它仍然显示滚动条，当我将它移到它上面时像 1px 的随机空白。有谁知道如何解决？ （全屏时我希望它消失，最小化时我希望它显示）

Answer 1

将overflow-x: scroll; 更改为overflow-x: auto;