Html 使浮动列表元素高度相等（使用纯css）

我有一份清单。子列表向左浮动。看

是否有办法强制这些柱与相邻柱的高度相同（即，使元素1、2和3的高度相等，然后使元素4、5、6的高度相等（当然不同于1、2、3）等等）

目前，7和8把他们自己放在5和6以下，实际上他们应该在4和5以下

我当然可以使用javascript实现这一点，但我希望有一个纯CSS解决方案可以（至少）在现代浏览器中工作？

将此添加到CSS中：

ul.themenboxen > li:nth-child(3n+1) {
    clear: both;
}

将以以下形式进行搜索：

查找所有与

：第n个子元素（3n+1）

匹配的元素，即其父元素中的每三个元素

仅过滤

li

s的用户

仅筛选那些是

ul.themenboxen

的直接后代

或者在英语中，直接在

ul.themenboxen

中查找每三个元素，并在其上应用

清除：两个

注：我不确定是否支持较低的IE

先生，你是一位学者，一位绅士！只要Stackoverflow允许，我会尽快给你正确的答案（从什么时候开始我们必须等着做这件事？）不知道，我也注意到了。顺便说一句：）我还不完全理解它在做什么，但它正是我想要它做的！我把它改成了4列。@NinjaBomb:好吧，它将搜索
ul.themenboxen
，查找所有直接子项，这些子项是
li
s，符合公式
3n+1
，意思是第1个（n=0）、第4个（n=1）、第7个（n=2），依此类推。最好只说
li:n子元素（kn+1）
，其中
k
等于每行的列数。