css - 内部に絶対配置要素がある要素の高さを増やす方法

Question

内部に絶対配置された lis を使用して相対的に配置された ul があります。コンテンツに応じて ul の高さを増やすにはどうすればよいですか。

クラス clearfix を ul に追加しても機能しない

score 4 · Accepted Answer

絶対配置要素を使用すると、配置元の要素のレイアウトから実際に削除されるため、絶対配置要素のサイズ変更で含まれる要素を自動的に拡大することはできません。JavaScript の手法を利用して、絶対配置された LI のサイズを計算し、それに応じて含まれる UL の高さを設定できます。

score 2 · Accepted Answer

JQueryを使用できます

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

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


});

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

正しい高さを得るために、上部の位置または余白を合計する必要がある場合があります。

2 に答える 2