css - 无法解决手机溢出问题

Question

我不确定要在这里包含什么，我已经浏览width了网站上的所有内容，但无法弄清楚为什么我在移动设备上看到我的网站在右侧有边距。

这是一个链接 http://m.mdmobile.hailstorm-technologies.com/ 我试过了

overflow:hidden;在body和htmlcss 中，虽然这解决了移动设备上的问题，但我无法在桌面上向下滚动。

我已经尝试过overflow-x:hidden，body并且html再一次，这适用于移动设备，但在缩小的桌面浏览器上添加了第二个垂直滚动条。

html {

margin: 0;
padding: 0;
width:100%;
overflow-x:hidden;



}

body { 
color: #000000;
font-family: Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
background-image: url('../image/background-pattern.jpg'); 
width:100%;
overflow-x:hidden;  


}

我也包括了这个...

        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">       

Answer 1

以下行导致此

#header #welcome {
float: left; /* remove this */
z-index: 5;
text-align: left;
color: #006f51;
position: relative;
}

编辑：那里还有一些边距，也删除它

#header #cart .heading a {
color: #006f51;
text-decoration: none;
float: right;
text-decoration: underline;
margin-right: -10px; /* remove this  */
padding: 6px 10px 6px 30px;
clear: both;
font-size: 17px;
}