CSS浮动右空格

时间:2015-11-19 10:37:37

标签: html css

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

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

2 个答案:

答案 0 :(得分:0)

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

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

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

答案 1 :(得分:0)

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