html - FireFox 中的 margin 问题

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;
}