怎么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让元素脱离文档流,子元素设置绝对定位之后脱离文档流！相关推荐

html的绝对定位脱离文档流吗,子元素设置绝对定位之后脱离文档流！
子元素设置绝对定位之后脱离文档流之后父容器宽高都为都不撑开了. 很多时候都是宽高都是0: 子元素设置绝对定位如何让子元素自己撑开高度? 下面的这个子元素设置绝对定位后,父元素宽高都为0 了. 如何让 ...
php 元素添加子元素,css,html_怎么在添加的子元素上继承父元素上已存在的子元素的属性？，css,html,javascript - phpStudy...
怎么在添加的子元素上继承父元素上已存在的子元素的属性? 请问如何使添加后的子元素(tr)也能在鼠标经过前后继续保留其存在的子元素上的属性? dom的基础应用 window.οnlοad=functio ...
原生JavaScript如何解决父元素查找指定类名的子元素的问题
原生JavaScript如何解决父元素查找指定类名的子元素的问题参考文章: (1)原生JavaScript如何解决父元素查找指定类名的子元素的问题 (2)https://www.cnblogs.co ...
html一级子元素,利用JavaScript怎么获取元素下的第一级子元素
利用JavaScript怎么获取元素下的第一级子元素发布时间:2021-01-22 17:03:51 来源:亿速云阅读:112 作者:Leah 这期内容当中小编将会给大家带来有关利用JavaScr ...
jquery父元素和子元素点击事件传递问题_不可把父元素的事件传递给子元素_事件无限循环传递...
前述:jquery中: 当一个元素的点击事件被触发时,会自动将该事件向父级元素逐级专递. 但是实际场景当中,我们可能会遇到需要在父级元素中定义点击事件,来触发特定子元素的点击事件,我就遇到了这么一个问 ...
关于flex布局中,父元素高度auto，由一子元素撑开，另一子元素自适应高度问题
.expressRecord-single-close {//父元素样式 width: 100%; height: auto; display: flex; justify-content: flex ...
js获取元素下的第一级子元素
js childnodes获取的是所有的子元素,而我们实际要获取第一级子元素. function getChildren(obj){var objChild = [] ;var objs = obj. ...
固定父元素的默认高度若子元素超过父元素的高度则父元素被撑开
本来想着用jquery从页面上先进行判断,再进行样式的修改. 问了一下,原来css有min-height属性.真香. min-height 属性设置元素的最低高度. 注意: min-height属性不 ...
java xml字符串提取元素,如何从Java中将子元素从XML提取到字符串？
你是对的,使用标准的XML API,这不是一个好方法 – 这是一个例子(可能是错误的;它运行,但我很久以前写过它). import javax.xml.*; import javax.xml.pars ...

怎么html让元素脱离文档流,子元素设置绝对定位之后脱离文档流！

怎么html让元素脱离文档流,子元素设置绝对定位之后脱离文档流！相关推荐

最新文章

热门文章