css - 如何增加内部具有绝对定位元素的元素的高度

Question

我有一个 ul，它与绝对定位的 lis 相对定位。如何根据内容增加 ul 的高度。

向 ul 添加类 clearfix 不起作用

Answer 1

当您使用绝对定位元素时，它们实际上是从放置它们的元素的布局中删除的，因此您不能随着绝对定位元素的大小更改而自动增长包含元素。您可以利用 javascript 技术来计算绝对定位的 LI 的大小，然后相应地设置包含 UL 的高度。

Answer 2

您可以使用 JQuery

var totalHeight = 0;
$('ul>li').each(function(i,el){

    totalHeight += $(el).height();


});

$('ul').height(totalHeight);

您可能需要对顶部位置或边距求和以获得正确的高度。