CSS 浮动高度问题

Question

所以我有这个页面：

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

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

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

有人看到我在这里做错了吗？

Answer 1

您是否尝试过将浮动容器设置为显示：内联表？ 这应该允许浮动元素相对于它们的兄弟元素进行布局，并在它们周围的元素变大或变小时移动。