CSS浮动高度问题

Question

所以我有这个页面：

http://demo.unlockedmanagement.com/example/floating-issue.html

您会注意到3个项目：详细信息，附件和说明。现在问题出现在您展开详细信息时（只需单击标题）。附件文本将在详细内容的第二个ul下抛出。关键是附件应该在他们自己的行上。

我正在使用clearfix方法尝试修复不具有此处描述的宽度的浮动元素：http://www.webtoolkit.info/css-clearfix.html：除了我的只是做一个明确的：右;。现在很明显第一个ul浮动左边的高度比浮动右边的第二个ul高，但是父元素的高度似乎取第二个ul的高度，而不是第一个更大的高度。

任何人都能看到我在这里做错了什么？

Answer 1

您是否尝试过将浮动容器设置为显示：inline-table？这应该允许浮动元素相对于其兄弟姐妹进行布局，并在其周围元素的大小增大或缩小时进行移位。