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

Invoker 发布于2019-08-30 15:53 / 2781人阅读

摘要：最后我自己佐证了一番，总算有了个结果不会导致元素脱离文档流。博文地址中属性与文档流的确切关系与文档流说到标准，最权威的自然莫过于标准文档。很明显，的元素仍在文档流中。另外，推荐下一个人认为不错的文章基础篇中关于脱离文档流的几种情况分析

前言

近期遇到一个问题——"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中关于脱离文档流的几种情况分析

GPU云服务器云服务器 Quote quoted quot python b&quot&quot

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/116644.html

CSS中&quot;position:relative&quot;属性与文档流的关系

摘要：最后我自己佐证了一番，总算有了个结果不会导致元素脱离文档流。博文地址中属性与文档流的确切关系与文档流说到标准，最权威的自然莫过于标准文档。很明显，的元素仍在文档流中。另外，推荐下一个人认为不错的文章基础篇中关于脱离文档流的几种情况分析前言近期遇到一个问题——position:relative到底会不会导致元素脱离文档流？主流观点是不会，但都给不出一个有说服力的论据。最后我自己佐证了...

Jingbin_ 2019-08-01 17:41 评论0 收藏0
CSS

摘要：如内可以包含块级元素与块级元素并列内联元素与内联元素并列。相对定位是相对于该元素在文档流中的原始位置，即以自己原始位置为参照物。另外，对象脱离正常文档流，使用，，，等属性进行绝对定位。1、CSS概述CSS是 Coscoding Style Sheets 的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离。2、CSS的四种引入方式2.1 行内式 --> 行...

番茄西红柿 2019-04-23 13:31 评论0 收藏0
css

摘要：如内可以包含块级元素与块级元素并列内联元素与内联元素并列。而对于使用脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。css概念　　CSS是Cascading Style Sheets的简称，中文称为层叠样式表，用来控制网页数据的表现，可以使网页的表现与数据内容分离。css引入方式1. 行内式　　行内式是在标记的style属性中设定CSS样式。这种方式没有体现出CSS的优势，不推荐使用...

番茄西红柿 2019-04-23 13:25 评论0 收藏0
向Zepto学习关于&quot;偏移&quot;的那些事

摘要：获得当前元素相对于的位置。返回一个对象含有和当给定一个含有和属性对象时，使用这些值来对集合中每一个元素进行相对于的定位。获取对象集合中第一个元素相对于其的位置。结尾以上就是中与偏移相关的几个的解析，欢迎指出其中的问题和有错误的地方。前言这篇文章主要想说一下Zepto中与偏移相关的一些事，很久很久以前，我们经常会使用offset、position、scrollTop、scrollLe...

hzx 2019-08-22 11:20 评论0 收藏0