2016-06-02 22:05:41 ie6浏览器下产生双倍间隔边距bug解决代码
ie6浏览器下产生双倍间隔边距bug解决代码方法：
- <!DOCTYPE html>
- <html>
- <head>
- <meta http-equiv="content-type" content="text/html;charset=gb2312" />
- <title>双倍距离边距解决</title>
- <style type="text/css">
- body {margin:0}
- div {float:left;margin-left:10px;width:300px;height:200px;border:1px solid red}
- </style>
- </head>
- <body>
- <div>
- <a href="#">
- web标准常见问题大全双倍距离边距web标准常见问题大全web标准常见问题大全web标准常见问，
题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题
大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全web标准常见问题大全</a>- </div>
- </body>
- </html>
浮动后本来外边距10px,但IE解释为20px,解决办法是加上display:inline
- div {float:left;margin-left:10px;width:300px;height:200px;border:1px solid red}
加入display:inline
- div {float:left;margin-left:10px;width:300px;height:200px;border:1px solid red;display:inline}
解决margin产生双倍距离方法。