Html CSS浮动对齐不下拉

我似乎无法让我的花车像我期望的那样运行。我正在尝试创建一个四面板设置，如windows徽标。问题是，第四个面板与第一排的最后一个块保持齐平。我在IE7的IIS6中运行这个。它在下面的小提琴和IIS7上运行良好，但在IIS6中我无法获得相同的行为。

#答复者
{
背景颜色：蓝色；
浮动：左；
高度：250px；
宽度：300px；
右边距：10px；
边缘底部：10px；
填充：3倍；
}
#重复
{
背景颜色：蓝色；
浮动：左；
高度：250px；
宽度：300px；
边缘底部：10px；
填充：3倍；
}
#经理名单
{
背景颜色：蓝色；
高度：250px；
宽度：300px；
明确：两者皆有；
浮动：左；
右边距：10px；
填充：3倍；
}
#进口
{
背景颜色：蓝色；
浮动：左；
高度：250px；
宽度：300px；
填充：3倍；
}

只需删除

清除：两个从
#mgrslist
中，将其作为单独的类添加，如：

<div id="admindiv">
    <div id="replist"></div>
    <div id="repedits"></div>
    <div class="clr"></div>
    <div id="mgrslist"></div>
    <div id="importdiv"></div>
</div>




为什么它有效？因为
将清除它之前所有div的浮点值，但是将它添加到类中只会清除该特定类的浮点值，而不是该类之前的div

另外，既然像
:before
和
:before
和
:after
这样的
伪类已经存在，那么使用它们来
清除
浮点数是更好的做法。

阅读此帖子以更好地理解它：
。。。为什么这样行而另一个不行？这只是IE的另一个问题吗？@steventnorris:不，不是IE的问题（这并不意味着IE没有问题；）…总之…更新了编辑部分…检查这是否有助于你理解！！：）那么，为什么不向mgrslist div添加clear：两者都像clr div那样清除replist和repedits div呢？为什么clr部门如此特殊？这似乎没有道理。很高兴你问了，检查这个：好的，让我看看我是否有这个：一个被清除和浮动的项目，虽然它可能“清除”导致它下降，但不会影响高度，因此下一个浮动的项目与高度一致（放回最上面一行），而一个只被清除的项目，影响高度并添加内容缓冲区，从而允许第二行空间放置下一个浮动项目？这似乎有点奇怪和不合逻辑，但嘿，CSS就是它。
<div id="admindiv">
    <div id="replist"></div>
    <div id="repedits"></div>
    <div class="clr"></div>
    <div id="mgrslist"></div>
    <div id="importdiv"></div>
</div>