2

所以我有这个页面:

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

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

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

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

4

1 回答 1

1

您是否尝试过将浮动容器设置为 display:inline-table?这应该允许浮动元素相对于其兄弟元素进行布局,并在其周围元素的大小增加或缩小时移动。

于 2012-04-09T21:23:09.867 回答