Css 结合浮点和第n个子清除行为和动态隐藏框

我将尝试创建一个元素浮动列表，并在下一个新行中清除这两个元素，因为框的高度未知，我们可以隐藏框以按类别突出显示框，如：

$（'nava'）。在（'click'，函数（e）{
e、 预防默认值（）；
var show=$（this.data（'show'）；
如果（显示=='all'）{
$（'div'）.show（）；
}否则{
$（'div'）.hide（）；
$（'.+show）.show（）；
}
});
*{
框大小：边框框；
保证金：0；
填充：0；
}
文章{
宽度：400px；
}
div{
宽度：100px；
边框：1px纯黑；
浮动：左；
填充：10px；
边缘底部：10px；
}
.b类{
背景色：#eee；
}
分区：第n个子（4n+5）{
明确：两者皆有；
}

/
/
你好
你好，世界人民
益智草
你好，先生
卡塔琳娜vs阿利斯塔
你好
你好，世界人民
益智草
你好，先生
卡塔琳娜vs阿利斯塔
你好
你好，世界人民
益智草
你好，先生
卡塔琳娜vs阿利斯塔
你好
你好，世界人民
益智草
你好，先生
卡塔琳娜vs阿利斯塔
最快的CSS解决方案：

为每个DIV设置一个固定的高度，然后向左浮动而不清除：两个

div { height:80px; }


或者，您可以使用jquery获得所有div的最高高度，并向左浮动以获得相同的结果

/====================================================/

如何使用显示：内联块；而不是浮动：左


*宽度%可能需要减小为显示：内联块；在div之间生成一些空间。
我不想固定框的高度，因为内容可以不同，也可以适合，我使用px表示宽度，但实际上它使用%表示响应