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

我试图为包含 2 个子元素的 div 设置自动高度，分别固定和绝对定位。

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

我尝试为我的父 div 设置一个有效的高度，但是由于我的布局是响应式的，当它缩小到移动设备时，高度保持不变，因为其中的内容堆叠在一起，因此高度需要随着其子级的增加而增加。

不确定这是否有意义，我的 atm 上没有实际的代码，但我做了一个小提琴试图解释......

http://jsfiddle.net/dPCky/ http://jsfiddle.net/dPCky/

父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);

工作示例http://jsfiddle.net/blowsie/dPCky/1/ http://jsfiddle.net/blowsie/dPCky/1/