Html 使用CSS动态清除浮动

我正在尝试用CSS创建一个3列的博客布局。对于每个新帖子，都会在容器div中动态添加一个新div

然而，我在清除浮动时遇到了麻烦，因为我无法手动放置清除元素

下面是它现在的样子：

下面是我想要它的样子：

我希望能够做到这一点，而无需手动将

放在第三个div之后。是否有某种方法可以有选择地清除每个第三个div之后的浮动元素，即使可能要添加无限个div

---

谢谢

您可以使用css选择器将

clear

应用于第三个元素

CSS

.box:nth-child(3n + 1) {
    clear: both;
}

---

注意：

n子元素

是。

您可以使用css选择器将

clear

应用于第三个元素

CSS

.box:nth-child(3n + 1) {
    clear: both;
}

注意：

n个子项是