父元素相对定位 高度auto，子元素position:absolute定位之后脱离文档流，怎么使子元素撑开父元素

Question

脱离文档流的两种方法：float和position:absolute/fixed
前提：父元素高度自动，需要子元素撑开父元素
当子元素使用float时，脱离文档流，父元素高度塌陷，但是可以使用zoom:1+伪元素使其清除浮动，从而使得父元素高度被子元素撑开。
但是当使用position:absolute时，给父元素添加position:relative父元素高度塌陷，此时如何使得父元素的高度被子元素撑开？

Answer 1

css貌似无法直接实现这个需求。可以用上js来获取子元素的高度然后再对父元素进行修改。htmlssscss.a{width:200px;position:relative;background-color:red;}.b{position:absolute;height:50px;}jsvarone=document.querySelector(".b").offsetHeight;document.querySelector(".a").style.height=one+'px';

Answer 2

如其他所答基本css现在没有什么解决方案用jQuery或者js吧~如下代码(function(){$('.baba').css({'width':$('.erzi').css('width'),//获取子元素的宽度'height':$('.erzi').css('height')//获取子元素的高度});})()