首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

margin在IE和FIREFOX中的不同表现解决方法

2012-02-24 
margin在IE和FIREFOX中的不同表现一段简单代码:bodydivid cont class divid bann class

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

热点排行