子元素设置绝对定位之后脱离文档流之后父容器宽高都为都不撑开了。 很多时候都是宽高都是0；子元素设置绝对定位如何让子元素自己撑开高度？下面的这个子元素设置绝对定位后，父元素宽高都为0 了。 如何让他自己撑开！<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style>* {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;}</style></head><body><div><i></i><i></i></div></body></html>
- 1 回答
- 1 关注
- 4525 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消