css样式margin-top在火狐下失效怎么办，margin-top在firefox浏览器无效是什么原因，在火狐下margin-top很多时候都会失效，可以参考下本文的解决方法。
margin-top在火狐下失效怎么办？
margin-top属性在火狐及IE下表现不同：
在火狐下可以实现自定义效果，IE下却成了双倍的像素，在火狐下margin-top很多时候都会失效。
解决办法：
在css中加入：float:left;display:inline;
例子：
复制代码 代码示例:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equivmetahttp-equiv="Content-Type"
content="text/html;charset=gb2312"/>
<title>margin-top在火狐下失效问题</title>
<styletypestyletype="text/css">
<!--
.w{
background-color:#000099;
padding:0px;
height:100px;
width:200px;
margin-top:20px;
margin-left:30px;
}
-->
</style>
</head>
<body>
<divstyledivstyle="background-color:#006666;
width:400px;height:200px;clear:both;">
<divclassdivclass="w"></div>
</div>
</body>
</html>
解决方法，修改后代码：
复制代码 代码示例:
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlnshtmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equivmetahttp-equiv="content-type" content="text/html;charset=gb2312"/>
<title>margin-top在火狐下失效问题</title>
<styletypestyletype="text/CSS">
<!--
.w{
background-color:#000099;
padding:0px;
height:100px;
width:200px;
margin-top:20px;
margin-left:30px;
float:left;display:inline;
}
-->
</style>
</head>
<body>
<divstyledivstyle="background-color:#006666;
width:400px;height:200px;clear:both;">
<divclassdivclass="w"></div>
</div>
</body>
</html>
