具有绝对/固定子代的父容器上的自动高度

Question

我试图设置一个包含两个子元素的div的自动高度，这些子元素的位置固定且绝对明确。

我希望我的父容器具有自动高度，但是我知道这很困难，因为子元素及其位置从页面结构中取出。

我曾尝试为我的父div设置一个有效的高度，但由于我的布局具有响应性，因此当其比例缩小到移动时，高度保持不变，因为其中的内容被堆叠起来，因此高度需要随其子代而增加。

不知道这是否有意义，我在我的atm上没有实际的代码，但是我还是摆弄了个小提琴，试图解释一下…

Answer 1

当父级div height:auto的子级定位为绝对/固定时，则无法使用。

您将需要使用JavaScript来实现此目的。

jQuery中的一个示例：

var biggestHeight = 0;
// Loop through elements children to find & set the biggest height
$(".container *").each(function(){
 // If this elements height is bigger than the biggestHeight
 if ($(this).height() > biggestHeight ) {
   // Set the biggestHeight to this Height
   biggestHeight = $(this).height();
 }
});

// Set the container height
$(".container").height(biggestHeight);