Html 防止块元素'；流动内容后面的背景

我有一个浮动到左边的块元素，它的右边有各种块元素。这些非浮动元素的背景显示在浮动元素的后面。我想阻止这种情况发生。通常情况下，我会在元素上留一个边距来实现这一点，但我希望浮动元素下面的元素使用容器的全宽（否则它看起来就像浮动元素下面有两列空白）

我无法事先确定哪些元素将位于浮动元素的下方，因为根据页面的不同，浮动元素的高度可能不同（或者根本不存在）

---

谢谢你的阅读

您是否尝试在浮动元素上使用

display:inline block

？i、 e.-

这是我能得到的最接近的。我认为你所要求的可能是不可能的

<style type="text/css">
#wrap {
    background-color: #EEE;
    overflow: auto;
}
.floated {
    border: 1px solid #F00;
    float: left;
    padding: 5px;
    height: 60px;
    width: 20%;
}
.element {
    background-color: #DDD;
    border: 1px dashed #000;
    display: inline-block;
    float: left;
    margin: 5px 0;
    padding: 2px;
    width: 75%;
}
</style>

<div id="wrap">
    <div class="floated">floated element</div>
    <div class="element">element</div>
    <div class="element">element</div>
    <div class="element">element</div>
    <div class="element">element</div>
    <div class="element">element</div>
</div>

#包裹{
背景色：#EEE；
溢出：自动；
}
.漂浮{
边框：1px实心#F00；
浮动：左；
填充物：5px；
高度：60px；
宽度：20%；
}
.元素{
背景色：#DDD；
边框：1px虚线#000；
显示：内联块；
浮动：左；
保证金：5px0；
填充：2px；
宽度：75%；
}
浮动元素
要素
要素
要素
要素
要素

一个选项是将

溢出：隐藏

应用于每个正常元素：

---

IE6可能会有问题。。。7太。。。我记不清到底是谁在以什么方式吸吮。但是也给那些元素一个缩放：1应该可以解决这个问题。

关闭，但是你的未浮动元素没有填充可用的宽度（即，宽度：自动）。谢谢你的回复！这差不多是我得到的最好的了。谢谢你的回复。太好了！非常感谢SDLEIHSIRCH！