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＆amp;铬：

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

问题：当我给节提供保证金时，标题是“保证金”

Answer 1

尝试将标题设为高度：

header {
  height: 100px;
}

（将溢出设置为隐藏也可以）

header {
  overflow: hidden;
}

Answer 2

您还可以使用另一个clearfix修复它：

http://jsfiddle.net/dXskZ/1/

Answer 3

尝试将以下代码添加到您的css中

*{
margin:0;
padding:0;
}

OR

html,body{
margin:0;
padding:0;
}

或两者

Answer 4

是的，它确实发生了。要解决此问题，您可以使用重置样式表。 Reset Stylesheet sample

Answer 5

而不是我使用Css：overflow: auto作为标题，它正在工作。但我不能回复为什么