CSS浮动右空格

Question

漂浮和位置的大问题！ 页面中有多个div（高度不同）。当我们使用浮动时，由于高度不同，在下一行中留下了相当奇怪的空间。 请看这个链接：http://www.webgardha.com/tag/google

我不喜欢使用javascript 请告诉我，如何移除空间并移动div？

Answer 1

如果您总是有两个列浮动结构，那么您可以尝试

#mainbar article .grid6:nth-child(even) {
    clear: right;
}

这将清除甚至.grid6 div上的浮动

Answer 2

如果你有不同的高度我建议你控制那些高度。就像向这些div添加max-height属性一样。应以这种方式获得均匀的高度。 然后你可以使用'clear'属性。