CSS中"position:relative"屬性與文檔流的關系

Invoker 發布于2019-08-30 15:53 / 2815人閱讀

摘要：最后我自己佐證了一番，總算有了個結果不會導致元素脫離文檔流。博文地址中屬性與文檔流的確切關系與文檔流說到標準，最權威的自然莫過于標準文檔。很明顯，的元素仍在文檔流中。另外，推薦下一個人認為不錯的文章基礎篇中關于脫離文檔流的幾種情況分析

前言

近期遇到一個問題——"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

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/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