美图齐众专注资阳网站设计 资阳网站制作 资阳网站建设
资阳网站建设公司服务热线：028-86922220

网站建设知识

十年网站开发经验 + 多家企业客户 + 靠谱的建站团队

量身定制 + 运营维护+专业推广+无忧售后，网站问题一站解决

解决CSSmargin-top在火狐下失效问题

margin-top属性在火狐及IE下面的表现有的时候是不一样的，这里和大家分享一下CSS margin-top在火狐下失效的方法，在火狐下margin-top很多时候都会失效，解决这个问题的办法就是在CSS里面加入：float:left;display:inline;请看下文详细介绍。

创新互联专业为企业提供长汀网站建设、长汀做网站、长汀网站设计、长汀网站制作等企业网站建设、网页设计与制作、长汀企业网站模板建站服务，十载长汀做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

解决CSS margin-top在火狐下失效的方法

margin-top属性在火狐及IE下面的表现有的时候是不一样的，在火狐下面可以实现自己定义的效果但是到了IE下面却成了双倍的像素，在火狐下margin-top很多时候都会失效，解决这个问题的办法就是在CSS里面加入：float:left;display:inline;

例子：

 
 
 
    
  
  
  
  1.   
  
  
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    3.   
  
  
  3.  
    4.   
  
  
  4.  
    5.   
  
  
  5.   
  
  
  6. content="text/html;charset=gb2312"/> 
    7.   
  
  
  7. 无标题文档 
    8.   
  
  
  8.  
    9.   
  
  
  9.  
    10.   
  
  
  10.  
    11.   
  
  
  11.  
    12.   
  
  
  12.  
    13.   
  
  
  13.   
  
  
  14. width:400px;height:200px;clear:both;"> 
    15.
 
  •  
  •  
  •  
  •  

    •  解决后：

     
 
 
      
  
  
  
    1.   
  
  
    2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
      3.   
  
  
    3.  
      4.   
  
  
    4.  
      5.   
  
  
    5.  
      6.   
  
  
    6.   
  
  
    7. content="text/html;charset=gb2312"/> 
      8.   
  
  
    8. 无标题文档 
      9.   
  
  
    9.  
      10.   
  
  
    10.  
      11.   
  
  
    11.  
      12.   
  
  
    12.  
      13.   
  
  
    13.  
      14.   
  
  
    14.   
  
  
    15. width:400px;height:200px;clear:both;"> 
      16.
     
  •  
  •  
  •  
  •  

    •  原文出处：http://hi.baidu.com/yimeng3025/modify/blog/5267ce3095970211eac4af16


    文章标题：解决CSSmargin-top在火狐下失效问题
    本文路径：http://zsjierui.cn/article/cojcgsc.html

    其他资讯