Html 网站有水平滚动条

我目前正在制作一个网站，但我有一个水平滚动条。。。下面是body/html的CSS

body,html {
    min-width:600px;
    height:100%;
    margin:0;
    padding:0;
    font-family:Calibri;
}

这是一把小提琴：

---

即使屏幕大小改变，我如何摆脱水平滚动条？

您可以在CSS主体标记中使用以下内容：

overflow-y: scroll;
overflow-x: hidden;

---

这将删除您的滚动条。

您应该从页脚css中删除width属性

---

溢出会掩盖问题，但不会解决布局的根本问题。

尝试从CSS中删除宽度：100%

添加

溢出：隐藏？啊哈，太好了-谢谢。我如何使标题div彼此不重叠，并且在较小的屏幕上看起来仍然正常？正如@middleinitial提到的，您的css整体上存在一些问题。如果你要构建一个对手机友好的页面，可以使用两个不同的css文件，并根据浏览器信息调用它们，或者为手机构建页面，然后允许它扩展到更大的尺寸。如果您对使用（或尝试使用）库感到满意，那么有一些很好的css引导可以帮助您朝着这个方向前进。
width:auto; can solve your doubt?