Html FireFox中的保证金问题
我在Firefox中有一个空白问题,它完全适用于其他浏览器,所以,这是我的HTML HTML: //***意味着一些代码Html FireFox中的保证金问题,html,css,firefox,Html,Css,Firefox,我在Firefox中有一个空白问题,它完全适用于其他浏览器,所以,这是我的HTML HTML: //***意味着一些代码 <header> <div class="left"> <div class="logo"> //*** </div> </div> <div class="right"> <div id="log-o
<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>
这里是截图
火狐:
Opera和Chrome:
页眉上的边距只出现在Firefox中。这种行为的原因是什么
问题:当我给部分加边距时,标题是“边距”尝试将以下代码添加到css中
*{
margin:0;
padding:0;
}
或
或者两者都有是的,确实发生了。要解决此问题,可以使用重置样式表 尝试给收割台一个高度:
header {
height: 100px;
}
(也将溢出设置为隐藏工程)
您还可以使用另一个clearfix来修复它:
我没有对标题使用Css:
溢出:auto
,它正在工作。但我无法回答为什么您省略的HTML部分可能很重要。如果可以,发布一个链接到它。我在localhost中开发了它,我没有任何链接。如果你使用css重置,你会摆脱这种奇怪的行为。你在使用css重置吗?浏览器在边距、填充等方面有不同的默认设置。我已经使用了css,请提供实时url或html,cssI也有类似的问题。将高度设置为100%效果很好。谢谢
html,body{
margin:0;
padding:0;
}
header {
height: 100px;
}
header {
overflow: hidden;
}