我们制作网页过程中，需要对网页进行调试以兼容不同浏览器。这里使用IETester 针对网页在IE6进行调试，解决一些可能出现的问题。

1、在IE6可能会出现双边距

双边距出现的条件是当浮动元素的浮动方向和margin的方向一致时才会出现，包括左浮动并设置了margin-left 和 右浮动并设置了margin-right，这两种情况。这个使用IE6会把margin-right解析为原来的2倍。当有多个同行元素进行了浮动时，而且都有同方向的margin，则只有最靠近浮动方向的元素有双边距bug。

那么，我们解决这个问题的方法有两种：

（1）为该浮动元素设置 display 属性为 inline 或者 inline-block；

（2）给ie6写一个hack，其值是正常值的一半，即为该浮动元素添加  _margin-right ，值为正常值的一般。这个方法不推荐，因为要加hack写法，而这个是要尽量避免写的。但是也正好说明了该bug的存在。

2、在IE6中 使用 <a href="#"><img src="#" alt =""></a> 即使用图片充当链接时，图片会有蓝色边框效果

IE下图片加链接后默认有1px的蓝色边框，往往这个时候我们并不希望这张图片有这样的边框，那么可以设置图片边框为none去掉，即 img { border: none}。


3、span 右浮动折行 解决IE6/7中 span右浮动折行问题

IE6 IE7 IE8（Q）下，若浮动元素之前存在兄弟行内非浮动元素，IE会将浮动元素所在的“当前行”认为是其前边的兄弟行内元素所产生的匿名框的底边，导致该浮动元素折行。参考 ： ​​http://www.jb51.net/css/73295.html​​