不能解決移動的溢出問題

Question

我不知道這裏包括什麼， 我已經經歷了網站上的每一個width，並且無法弄清楚爲什麼我在移動設備上看到我的網站的右邊空白。

這裏是一個鏈接 http://m.mdmobile.hailstorm-technologies.com/ 我在body和html CSS試圖

overflow:hidden;，雖然能夠解決在移動的問題，我不能倒在桌面上滾動。

我試過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; 
}