我目前正在开发中遇到屏幕右侧存在间隙的问题。
即使通常不需要,也有一个水平滚动条,当你向右滚动大约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阴影,差距消失了。
答案 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对于屏幕是宽的。