正文
近期遇到一个问题——"position:relative"到底会不会导致元素脱离文档流？主流观点是不会，但都给不出一个有说服力的论据。最后我自己佐证了一番，总算有了个结果：
"position:relative"不会导致元素脱离文档流。
"relative"与文档流
说到标准，最权威的自然莫过于CSS标准文档。经过一番繁琐的查找之后（w3c网站找东西是真的累。。。），终于被我找到了。文档中"positioning-scheme"一节写道：
链接：https://www.w3.org/TR/CSS22/visuren.html#positioning-scheme
1
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.
1
当元素是浮动，绝对定位或者根元素时，元素被称为"流外元素"，否则被称为"流内元素"。
很明显，"position:relative"的元素仍在文档流中。
另外，推荐下一个人认为不错的文章：
html/css基础篇——DOM中关于脱离文档流的几种情况分析
原创文章，如需转载，希望注明出处：
转自 XiongQi's Blog：CSS中"position:relative"属性与文档流的确切关系 — https://catshub.github.io/2017/09/27/relative-in-flow/