甜橘子，专注成都网站制作网站设计与营销型网站建设与优化

QQ :532337155
电话：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在火狐下失效问题
    本文网址：https://chengdu.cdxwcx.cn/article/cojcgsc.html

    其他资讯