Html CSS：如何只清除一个浮动对象的一个级别，而不是一路向左？

我不确定我的描述是否正确。 我希望所有浮动对象中有一个对象可以清除，但不要一直向左

#父级{
背景：绿黄色；
宽度：500px；
高度：700px；
填充：15px；
}
#父级>div{
浮动：左；
}
#反对意见1{
宽度：40px；
高度：300px；
背景：蓝色；
}
#反对意见2{
宽度：100px；
高度：100px；
背景：红色；
}
#反对意见3{
宽度：100px；
高度：100px；
背景：紫色；
}

---

将较低的宽度设置为父级

#parent {width: 200px;}

或右换行元素，样式将与您的相同

<div id="parent">
     <div id="object1"></div>  
     <div>
         <div id="object2"></div>
         <div id="object3"></div>
    </div>
</div>

在#对象3中使用此样式：

clear:left; margin:-200px 0px 0px 40px;

    #object3
    {
        width:100px;
        height:100px;
        background:purple;

        clear:left; margin:-200px 0px 0px 40px;
    }

---

某种类型的

清除：左（x级）

不存在。如果您不想更改包装的宽度来强制元素移动，可以通过添加到

右边距

来更改元素本身的外径

#object3
{
  margin-right: 300px;
}

---

您不希望在一个div中包含红色和紫色。在红色、紫色和蓝色周围添加一个div可以吗？有一种方法，您试图实现的是一种砖石布局，元素将填充下一个可用空间，而不是清除整行。然而，使用CSS并没有简单的方法来实现这一点，但是有一些JS库可以做到这一点，比如。在紫色（可选的红色）框中添加一些边距是一个选项吗？我想，只有位置和操作才能实现这一点或使用脚本。正如panther所说，没有纯粹的css方法可以实现这一点。嗨，是的。但是我不想那样做。@Oceans12：没有其他方法可以排除这两种方法。浮球在你的小提琴中按预期工作。