[转]IE6 的浮动

IE6 的一个 BUG，(IE6 双倍边距 BUG)，只要满足下面 3 个条件才会出现这个 BUG：

1）要为块状元素；

2）要左侧浮动；

3）要有左外边距(margin-left)；

 

解决这个 BUG 很容易，只需要在相应的块状元素的 CSS 树形中加入“display:inline;”， 代码如下：

#redBlock{ width:200px; height:200px; background:#900; margin-top:20px; margin-left:20px; float:left; display:inline; display:inline; display:inline; display:inline; }

 

有些人很喜欢用  *{margin:0; padding:0;},其实 KwooJan 不建议这么用，因为 HTML 标签太 多了，

HTML4.01 参考手册中就多达 89 个，我们平时常用的也就那么几个，所以没有必要将 所有标签重置，

这样反而使页面加载速度变慢！特别是对于大站点，更不提倡！

 

在 CSS 代码中加入下面这段代码： .clear{clear:both;}

并在 HTML 代码中加入下面代码： 

<div class="clear"></div>

可以清除浮动带来的影响。