html css 脱离文档流 脱离元素的布局遵从啥排布

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html css 脱离文档流 脱离元素的布局遵从啥排布相关的知识,希望对你有一定的参考价值。

这个问题为什么百度不到

元素的position设为absolute后,脱离文档流,为绝对定位。
定位根据top、left、right、bottom样式属性!
参考技术A 当然了,这个问题没有人提到过啊,你具体是指什么???追问

元素脱离了文档流,他不再文档流里了,那他排版遵从什么

追答

position有五个属性:
absolute(生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位)、
fixed(生成绝对定位的元素,相对于浏览器窗口进行定位)、
relative(生成相对定位的元素,相对于其正常位置进行定位)、
static(使用默认值)、
inherit(规定应该从父元素继承 position 属性的值);这五个值都是用top、left、right、bottom来定位(比如:position:absolute;top:10px;left:10px;)

以上是关于html css 脱离文档流 脱离元素的布局遵从啥排布的主要内容,如果未能解决你的问题,请参考以下文章

脱离文档流是啥意思

CSS3伸缩布局

网站布局之------浮动(float)和定位(position)(绝对定位,相对定位,静态固定定位),***什么叫脱离文档流?

前端学习随笔:float布局问题------float元素是否脱离了文档流

transform布局不会脱离文档流

disposition relative脱离文档流了