前端常见浏览器兼容性问题及解决办法

不同浏览器的内核也不尽相同，所以各个浏览器对网页的解析存在一定的差异。

1.不同浏览器的标签默认的外补丁和内补丁不同

  

   

    

     

    
    

     

      *{
     
    
   

    

     

    
    

     

      margin:0;
     
    
   

    

     

    
    

     

      padding:0;
     
    
   

    

     

    
    

     

      }
     
    
  
 

2. 块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大

  

   

    

     

    
    

     

      style{
     
    
   

    

     

    
    

     

      display:inline;//转化为行内元素
     
    
   

    

     

    
    

     

      }
     
    
  
 

3.设置较小高度标签（一般小于10px），在IE6，IE7，遨游中高度超出自己设置高度

给超出高度的标签设置overflow:hidden;或者设置行高line-height 小于你设置的高度。

4.图片默认有间距

使用float 为img 布局

参考：https://www.cnblogs.com/angel648/p/11392262.html

文章来源: sunmenglei.blog.csdn.net，作者：孙叫兽，版权归原作者所有，如需转载，请联系作者。

原文链接：sunmenglei.blog.csdn.net/article/details/114681290