CSS中\"position:relative\"属性与文档流的关系

☆樱花仙子☆ 提交于 2020-01-18 09:02:10

前言

近期遇到一个问题——"position:relative"到底会不会导致元素脱离文档流?主流观点是不会,但都给不出一个有说服力的论据。最后我自己佐证了一番,总算有了个结果:
"position:relative"不会导致元素脱离文档流
博文地址:CSS中"position:relative"属性与文档流的确切关系

"relative"与文档流

说到标准,最权威的自然莫过于CSS标准文档。经过一番繁琐的查找之后(w3c网站找东西是真的累。。。),终于被我找到了。文档中"positioning-scheme"一节写道:


链接:https://www.w3.org/TR/CSS22/v...

An element is called out of flow if it is floated, absolutely positioned, or is the root element. An element is called in-flow if it is not out-of-flow. 
当元素是浮动,绝对定位或者根元素时,元素被称为"流外元素",否则被称为"流内元素"。

很明显,"position:relative"的元素仍在文档流中。
另外,推荐下一个人认为不错的文章:
html/css基础篇——DOM中关于脱离文档流的几种情况分析

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!