您的位置:首页 > CSS hack > 【 返回上一页

IE6的双倍边距CSS BUG解决

ie6浏览器下产生双倍间隔边距bug解决代码方法:

  1. <!DOCTYPE html> 
  2. <html> 
  3. <head> 
  4. <meta http-equiv="content-type" content="text/html;charset=gb2312" /> 
  5. <title>双倍距离边距解决</title> 
  6. <style type="text/css"> 
  7. body {margin:0} 
  8. div {float:left;margin-left:10px;width:300px;height:200px;border:1px solid red} 
  9. </style> 
  10. </head> 
  11. <body> 
  12. <div> 
  13. <a href="#"> 
  14. web标准常见问题大全双倍距离边距web标准常见问题大全web标准常见问题大全web标准常见问,
    题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题
    大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全</a> 
  15. </div> 
  16. </body> 
  17. </html> 

浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline

  1. div {float:left;margin-left:10px;width:300px;height:200px;border:1px solid red}  

加入display:inline

  1. div {float:left;margin-left:10px;width:300px;height:200px;border:1px solid red;display:inline} 

解决margin产生双倍距离方法。

相关标签: ie6 双倍边距
如需转载,请注明文章出处和来源网址:www.thinkcss.com/jianrong/888.shtml

日期:2016-06-02 22:00:43 来源:www.thinkcss.com 作者:ThinkCSS

热门点击