绝对位置可防止浏览器计算正确的高度.是否可以解决此问题

Question

我正在开发一款浏览器游戏.到现在为止,我绝对使用所有位置.因为我必须自己设置每个页面的高度.现在试图传递这个问题,但因为我在我的一切使用绝对位置它总是阻止浏览器计算div的正确高度.

是否有可能实现这一目标.我的意思是例如我有div和内部许多使用位置绝对特征的div.所以我希望这个主div自动计算它的高度,这将是嵌套div高度的总和.目前无论我尝试失败了.如果我设置自动高度,它计算高度为1像素,如果我设置高度100%的主要div,它计算为557像素.

谢谢.

Answer 1

不,通过纯CSS无法使父元素自动调整大小以包含其所有已定位的子元素.

编辑:您询问是否可以使用jQuery.如果您知道任何一个孩子改变,那就是.此代码假定父级是偏移父级(也就是说,它也position设置为不同的父级static):

// element is a jQuery object
var max=0;
element.children().each(function(index, child) {
    child=$(child);
    var childPos=child.position();
    var childMax=childPos.top+child.outerHeight();
    if(childMax>max) {
        max=childMax;
    }
});
element.css({height: max+'px'});

在JSFiddle上试用jQuery解决方案.