浮点和嵌套空div的错误行为

时间:2012-02-03 12:21:39

标签: html css jquery-ui

我有这个:http://jsfiddle.net/uAQ8B/5/

此列表应包含左侧的所有对象和右侧的每个父级。它工作正常,除非父级是空的,就像在这种情况下,对象1有父,但对象2没有。

我该如何解决这个问题?

1 个答案:

答案 0 :(得分:0)

正如@Pavan所提到的,你需要清除你的左浮动,否则这些元素就会排成一行。

您可以通过将clear: both(或只是clear: left,因为您只是浮动元素left)添加到.Discussioni类来实现此目的:

.Discussioni {
    clear: both;
}

请参阅此CSS技巧文章,了解如何使用浮点数:All About Floats