导致滚动条宽度的html

我有一个基本的网页，但是html或body元素太宽了，它们会在底部弹出一个滚动条。html/body标记的宽度保持在980px。这在Chrome开发工具中发生。选择响应的大小调整器。html/正文不会在980px以下调整大小。我担心小型设备会得到滚动条

.con{
显示器：flex；
弯曲方向：行；
宽度：95%；对齐内容：周围空格；
}
html{width:auto；}
#一个{
背景色：白色；
宽度：600px；高度：自动；
}
#二{
背景色：#aaa；
宽度：500px；高度：300px；
}
img{宽度：100%；}
@介质（最大宽度：1099px）{
.con{
弯曲方向：立柱；
}
#一、二{宽度：95%；边距：0自动；}
}
你好，世界

尝试这样编辑

#one {
      background-color: white;
      max-width: 600px;
      width: 100%;
      height: auto;
      float: left;
    }

    #two {
      background-color: #aaa;
      max-width: 500px;
      width: 100%;
      height: 300px;
      float: left;
    }

---

简单的方法是在html元素之外使用最大宽度，这样它们就不会进行任何滚动

.con{
显示器：flex；
弯曲方向：行；
宽度：95%；对齐内容：周围空格；
}
.my wrapper{最大宽度：100%；宽度：100%；高度：自动；}
html{width:auto；}
#一个{
背景色：白色；
宽度：600px；高度：自动；
}
#二{
背景色：#aaa；
宽度：500px；高度：300px；
}
img{宽度：100%；}
@介质（最大宽度：1099px）{
.con{
弯曲方向：立柱；
}
#一、二{宽度：95%；边距：0自动；}
}
你好，世界

您共享的代码不会复制您的问题。可能是因为图像丢失了。图像的尺寸是多少？另外，您使用的屏幕分辨率是多少？请参阅下面更新的答案。@MihaiT即使页面上没有任何元素，html/正文的宽度也是980。当我将页面缩小到低于此值时，会出现滚动条。看来我们无法复制您的问题。代码片段工作正常