需要帮助摆脱我的网站上的水平滚动条。

Question

我的网站现在有一个水平滚动条。我无法弄清楚它为什么存在，但任何人都可以帮我解决这个问题。

这是我的网站链接，供大家查看。

http://mchubcraft.com/

Answer 1

它与你的#headguy420 div有关。

你可以像他一样绝对定位他，但你应该将他的宽度设置为你正在使用的背景图像的宽度，宽度100％+你的绝对定位导致问题

Answer 2

将您的CSS更新为以下内容。这应该可以解决您的问题。

#jsn-header {
background-color: #404040;
color: #ccc;
box-shadow: 0 5px 6px rgba(0,0,0,0.4) inset;
position: relative;/*-----added css---*/
}
#headguy420 {
position: absolute;
left: 1020px;
top: -20px;
width: 100%;
height: 300px;
background: url(/templates/jsn_escape_free/images/headguy.png) no-repeat;
z-index: 999;/*-----added css---*/
}