如何修复 firefox 中的 space 和 chrome？

Question

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

Answer 1

我认为问题在于 Firefox 正在将内容下推以使滑块中的图像 space。脚本启动并重新设置滑块样式后，Firefox 不会自动将内容移回到页面上的预期位置。

尝试设置：

   #sliderdiv {overflow: hidden;}

Answer 2

我尝试用 firebug 修复它，此代码使它在 Firefox 中看起来不错：

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

Answer 3

放 overflow: hidden; in <div class="container"> 就可以了。在 Chrome.

观看时不会刹车

Answer 4

首先将此属性添加到您的容器 class

.container {
    display: inline-block;
}

并且比减少margin-bottom

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

Works perfectly as expected.

Answer 5

它在 mozilla 和 chrome

中看起来不错

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

或者您可以使用

仅针对 mozilla

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

.container{overflow:hidden  }

    }
    </style>

How to fix the space in firefox and chrome?