CSS浮动身高问题

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

你会发现3项：详细信息，附着物和说明。现在，当您展开“详细信息”（只需点击标题）时就会出现问题。附件文本在详细内容的第二个ul下面引发。事情是附件应该在他们自己的路线上。

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

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

来源

2012-04-09 ryanzec

您在与记者列表相同的列表中有附件标题，它是样式为50％宽度且右侧浮动的列表的一部分。这就是为什么它落在记者的下面，而不是在自己的领域。如果您希望它位于最左侧，那么您需要将它从该列表中拉出来，并将其放在左侧列表中，或者将其置于左侧清空的新列表中。 – 2012-04-09 21:20:25

你有没有尝试设置你的浮动容器来显示：inline-table？这应该允许浮动元素相对于他们的兄弟姐妹进行布局，并且在其周围元素的尺寸增大或缩小时进行移位。

来源

2012-04-09 21:23:09 KodeKreachor

的作品，将不得不在block/inline旁边阅读这个选项的更多其他值。 – ryanzec 2012-04-09 21:46:47

CSS浮动身高问题

回答

相关问题