overflow-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;