Jquery 在我的HTML/CSS/javascript中，什么会导致屏幕右侧出现奇怪的间隙？

我目前在开发中遇到了一个问题，屏幕右侧有一个缺口

有一个水平滚动条，即使通常不需要，当你向右滚动约10-15px时，站点右侧会出现一个间隙。我一直在做HTML/CSS开发，但我从未注意到这一点。有没有人知道是什么让这一切发生的

回答，带代码：

HTML包含一个名为“front_content”的div，它是我首页的下半部分，从左到右填充整个窗口。我对该div应用了CSS3阴影，使其在其上方的header div上形成阴影，就好像它在上面浮动一样

.front_content {
    -moz-box-shadow: rgba(0,0,0,0.4) 0px -5px 10px;
}

---

有人向我指出，这导致页面比正常情况下更宽。通过移除CSS3阴影，间隙消失。

看起来您的媒体菜单div在屏幕上变宽了。

看起来您的媒体菜单div在屏幕上变宽了。

尝试将

溢出：隐藏

添加到您的“主内容”div中。然后，您可能需要进行“立即应用”按钮稍微浮动。

尝试将

溢出：隐藏

添加到“主要内容”div。然后，您可能希望使“立即应用”按钮稍微浮动。

这就是罪魁祸首（这也解释了为什么Zack看不到它），阴影使对象比您预期的更宽：

.front_content {
-moz-box-shadow:0 -5px 10px rgba(0, 0, 0, 0.4);

这就是罪魁祸首（这也解释了扎克为什么看不到它），阴影使物体比你想象的更宽：

.front_content {
-moz-box-shadow:0 -5px 10px rgba(0, 0, 0, 0.4);

---

在chrome或IE7中似乎没有这样做。除非我遗漏了什么。在这里包括一些html，而不仅仅是一个链接。在chrome或IE7中似乎没有这样做。除非我遗漏了什么。在这里包括一些你的html，而不仅仅是一个链接。front_内容正是它所做的。从DOM中删除它可以证实这一点。阴影不需要应用于该元素，因为您希望它是视口宽度的100%。\u正是它所做的。从DOM中删除它可以证实这一点。阴影不需要应用于该元素，因为您希望它是视口宽度的100%。