html的绝对定位脱离文档流吗,子元素设置绝对定位之后脱离文档流！
生活随笔
收集整理的這篇文章主要介紹了
html的绝对定位脱离文档流吗,子元素设置绝对定位之后脱离文档流！
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
子元素設置絕對定位之后脫離文檔流之后父容器寬高都為都不撐開了。 很多時候都是寬高都是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;
}
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的html的绝对定位脱离文档流吗,子元素设置绝对定位之后脱离文档流！的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： 亚洲被两大机构看好，4年以后，世界前五大
- 下一篇： 为什么别人的信用卡额度比你高