Css 如何增加内有绝对定位图元的图元的高度

Css 如何增加内有绝对定位图元的图元的高度,css,Css,我有一个相对定位的ul,里面有绝对定位的lis。如何根据内容增加ul的高度 将clearfix类添加到ul不起作用当您使用绝对定位元素时,它们实际上从放置它们的元素的布局中删除,因此您无法随着绝对定位元素的大小更改而自动增长包含的元素。您可以利用javascript技术来计算绝对定位LI的大小,然后相应地设置包含UL的高度。您可以使用JQuery var totalHeight = 0; $('ul>li').each(function(i,el){ totalHeight +=

我有一个相对定位的ul,里面有绝对定位的lis。如何根据内容增加ul的高度


将clearfix类添加到ul不起作用

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

您可以使用JQuery

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

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


});

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

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

我想这一次需要更多信息。一个链接到你的页面或一个提琴会很好。没有快速修复方法-绝对定位的元素不会填满它们的容器。例如,您需要使用javascript根据元素的位置计算包含元素的总高度。问题是,您的lis不再是对象流,因此它们不会以任何方式影响ul的捕获。根据lis增加uls高度的唯一方法是使用javascript将lis的高度相加,将总和设置为ul的高度。javascript是我最后的选择,但thx希望有一个css解决方案