子元素绝对定位，如何让父元素高度自适应子元素高度

Question

我想问一下，子元素设置了绝对定位，父元素没有设置相对定位，因此子元素脱离了文档流，父元素高度就变成没有了，如何让父元素高度自适应子元素高度。

子元素的高度是不确定的

Answer 1

父元素没相对定位也没绝对定位？
虽然不推荐这么搞，但是如果你一定要这样。。可以JS设置父元素高度

    <div id="father">
        <div id="son"></div>
    </div>

JS设置父元素高度

    var father = document.getElementById('father');
    var son = document.getElementById('son');
    father.style.height=son.offsetHeight+'px';

Answer 2

那子元素为什么要绝对定位呢？

Answer 3

可以子元素 relative, 父元素 absolute, 通过父元素来绝对定位