清除IE6中连续浮点实体中的浮点数

Question

HTML：

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

CSS：

    div {
    background:red;
    width:50px;
    height:50px;
    margin:5px;
    float:left;
    }
    .clear {
        clear:left;
    }

将1,2,3,4作为div布局位置依次。

符合标准的浏览器布局为：

1

2 3 4

而IE6奇怪地呈现为：

1 3 4

2

在IE6中，即使前一个元素已设置为clear，浮动实体静态“基线”也不会改变。

如何解决这个错误？

Answer 1

IE 6＆amp; 7 受此影响。

使用经过验证的<br>浮动清除器

http://jsfiddle.net/pxfunc/ce4UK/

<强> HTML：

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

<强> CSS：

div {
    background:red;
    width:50px;
    height:50px;
    margin:5px;
    float:left;
}
.clear {
    clear:left;
}