Css 浮动高度问题

Css 浮动高度问题,css,position,css-float,Css,Position,Css Float,所以我有这个页面: 您将注意到3项:详细信息、附件和说明。现在,当您展开详细信息(只需单击标题)时,问题就出现了。附件文本被抛出到详细内容中的第二个ul下。问题是附件应该在自己的线路上 我正在使用clearfix方法尝试修复没有此处描述的宽度的浮动元素::除了我的只做了一个clear:right;。现在很明显,左浮动的第一个ul的高度比右浮动的第二个ul高,但是父元素的高度似乎取第二个ul的高度,而不是较大的第一个ul的高度 有人知道我做错了什么吗?您是否尝试过将浮动容器设置为显示:inlin

所以我有这个页面:

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

我正在使用clearfix方法尝试修复没有此处描述的宽度的浮动元素::除了我的只做了一个clear:right;。现在很明显,左浮动的第一个ul的高度比右浮动的第二个ul高,但是父元素的高度似乎取第二个ul的高度,而不是较大的第一个ul的高度


有人知道我做错了什么吗?

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

您的附件标题与报告者列表位于同一列表中,它是列表的一部分,该列表的样式为50%宽度,并向右浮动。这就是为什么它落在记者下面,而不是落在它自己的区域。如果您希望它位于最左侧,则需要从该列表中提取它,并将其放入左侧列表中,或者将其设置为一个带有clear:left.works的新列表,必须读取block/inline旁边此选项的更多其他值。