子元素设置绝对定位之后脱离文档流之后父容器宽高都为都不撑开了。 很多时候都是宽高都是0；

子元素设置绝对定位如何让子元素自己撑开高度？

下面的这个子元素设置绝对定位后，父元素宽高都为0 了。  如何让他自己撑开！

Document

* {

margin: 0;

padding: 0;

}

.loading-box {

position: fixed;

top: 50%;

left: 50%;

border: 1px solid red;

z-index: 666;

overflow: visible;

}

.loading-box i {

display: block;

width: 2rem;

height: 2rem;

border-radius: 50%;

position: absolute;

}

.loading-box i:nth-of-type(1) {

top: 0;

left: 0;

background: red;

}

.loading-box i:nth-of-type(2) {

background: #2196F3;

top: 0;

left: 6rem;

}