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

时间:2012-07-24 15:14:58

标签: css css3

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

向ul添加class clearfix不起作用

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:2)

您可以使用JQuery

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

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


});

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

您可能需要将顶部位置或边距相加以获得正确的高度。