如何修复firefox和chrome中的空间？

Question

如果我用chrome打开，我制作的网站很好，但是当我用firefox打开它时，菜单和内容之间有一个空格。 This is the website。你知道怎么解决吗？本网站是在WordPress上开发的。所以我不知道如何解决它。 感谢..

Answer 1

我认为问题在于Firefox正在推送内容以为滑块中的图像腾出空间。一旦脚本启动并重新设置滑块，Firefox就不会自动将内容从页面上移回目标位置。

尝试设置：

   #sliderdiv {overflow: hidden;}

Answer 2

我试图用firebug修复它，这段代码使它在Firefox中显得很好：

#site-navigation { margin-bottom: 0px; }
#slider-wrapper { margin-top: 0px; }

Answer 3

穿戴 overflow: hidden; <div class="container">中的default_tkt_enctypes就可以了。在Chrome中观看时不会出现这种情况。

Answer 4

首先在容器类中添加此属性

.container {
    display: inline-block;
}

而不是降低保证金底部

#top-nav #site-navigation {
    margin-bottom: 42px;
}

  

按预期完美运作。

Answer 5

它在mozilla和chrome中看起来很好

<div style="overflow:hidden" class="container">

或者您只能使用

定位mozilla

 <style type="text/css">
    @-moz-document url-prefix() {

.container{overflow:hidden  }

    }
    </style>