我的HTML / CSS / javascript会在屏幕右侧造成奇怪的差距?

时间:2010-02-23 20:52:28

标签: jquery html css layout

我目前正在开发中遇到屏幕右侧存在间隙的问题。

即使通常不需要,也有一个水平滚动条,当你向右滚动大约10-15px时,在网站的右侧有一个间隙。我一直在进行HTML / CSS开发,我从来没有注意到这一点。有没有人知道什么可以使这种情况发生?

答案,代码:

HTML包含一个名为“front_content”的div,它是我的首页的下半部分,从左到右填充整个窗口。我已经将CSS3阴影应用于该div,使其在其上方的标题div上方阴影,就像它在上面漂浮一样。

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

有人指出,这导致页面比通常更宽。通过删除CSS3阴影,差距消失了。

3 个答案:

答案 0 :(得分:3)

这是罪魁祸首(这也解释了为什么Zack没有看到它),阴影使物体比你想象的更宽:

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

答案 1 :(得分:1)

尝试将overflow: hidden添加到“main-content”div中。然后,您可能希望使“立即应用”按钮更加浮动。

答案 2 :(得分:0)

看起来你的媒体菜单div对于屏幕是宽的。