FireFox中的保证金问题

Question

我在Firefox中有一个保证金问题,完全适用于其他浏览器,所以这是我的HTML

HTML:

//***表示一些代码

<header>
    <div class="left">
        <div class="logo">
            //***
        </div>
    </div>

    <div class="right">
        <div id="log-on">
            //***
        </div>
    </div>
    <div class="clear"></div>
</header>
<section class="search-seaction">
    //***    
</section>

CSS:

.clear { clear:both; }

.left { float: left }

.right { float: right }

.search-seaction
{
    margin-top: 62px;        
}

这是截图

火狐:

Opera和Chrome:

标题上的边距仅出现在Firefox中.这种行为的原因是什么？

问题:当我给节提供保证金时,标题是"保证金"

Answer 1

尝试给标题高度:

header {
  height: 100px;
}

(将溢出设置为隐藏也可以)

header {
  overflow: hidden;
}