margin在IE和FIREFOX中的不同表现解决方法
日期：2014-05-17 浏览次数：20663 次
margin在IE和FIREFOX中的不同表现
一段简单代码：
<body>
<div id= "cont " class= " ">
<div id= "bann " class= " "> 2222
</div>
<div id= "left " class= " "> dfgdf
</div>
</div>
</body>
样式：
body
{
margin:0;
background:#EEEEEE;
}
#cont
{
margin:10px;
width:760px;
background:red;
}
#bann
{
margin-top:5px; <!-- 这段空白看不到 -->
width:760px;
height:150px;
background:green;
}
#left
{
float:left;
margin-top:5px;
width:180px;
height:180px;
background:yellow;
}
关于注释那行，应该bann和cont上部有5px的空白，在IE中显示是正常的，可是在FIREFOX2中显示不出来，不知什么原因。请高手指教。
------解决方案--------------------
#cont
{
margin:10px;
width:760px;
background:#f00;
overflow:hidden;
}
一段简单代码：
<body>
<div id= "cont " class= " ">
<div id= "bann " class= " "> 2222
</div>
<div id= "left " class= " "> dfgdf
</div>
</div>
</body>
样式：
body
{
margin:0;
background:#EEEEEE;
}
#cont
{
margin:10px;
width:760px;
background:red;
}
#bann
{
margin-top:5px; <!-- 这段空白看不到 -->
width:760px;
height:150px;
background:green;
}
#left
{
float:left;
margin-top:5px;
width:180px;
height:180px;
background:yellow;
}
关于注释那行，应该bann和cont上部有5px的空白，在IE中显示是正常的，可是在FIREFOX2中显示不出来，不知什么原因。请高手指教。
------解决方案--------------------
#cont
{
margin:10px;
width:760px;
background:#f00;
overflow:hidden;
}
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
