摘要:最后我自己佐證了一番,總算有了個(gè)結(jié)果不會(huì)導(dǎo)致元素脫離文檔流。博文地址中屬性與文檔流的確切關(guān)系與文檔流說到標(biāo)準(zhǔn),最權(quán)威的自然莫過于標(biāo)準(zhǔn)文檔。很明顯,的元素仍在文檔流中。另外,推薦下一個(gè)人認(rèn)為不錯(cuò)的文章基礎(chǔ)篇中關(guān)于脫離文檔流的幾種情況分析
前言
近期遇到一個(gè)問題——"position:relative"到底會(huì)不會(huì)導(dǎo)致元素脫離文檔流?主流觀點(diǎn)是不會(huì),但都給不出一個(gè)有說服力的論據(jù)。最后我自己佐證了一番,總算有了個(gè)結(jié)果:
"position:relative"不會(huì)導(dǎo)致元素脫離文檔流。
博文地址:CSS中"position:relative"屬性與文檔流的確切關(guān)系
說到標(biāo)準(zhǔn),最權(quán)威的自然莫過于CSS標(biāo)準(zhǔn)文檔。經(jīng)過一番繁瑣的查找之后(w3c網(wǎng)站找東西是真的累。。。),終于被我找到了。文檔中"positioning-scheme"一節(jié)寫道:
鏈接: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.
當(dāng)元素是浮動(dòng),絕對定位或者根元素時(shí),元素被稱為"流外元素",否則被稱為"流內(nèi)元素"。
很明顯,"position:relative"的元素仍在文檔流中。
另外,推薦下一個(gè)人認(rèn)為不錯(cuò)的文章:
html/css基礎(chǔ)篇——DOM中關(guān)于脫離文檔流的幾種情況分析
文章版權(quán)歸作者所有,未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址:http://systransis.cn/yun/116644.html
摘要:最后我自己佐證了一番,總算有了個(gè)結(jié)果不會(huì)導(dǎo)致元素脫離文檔流。博文地址中屬性與文檔流的確切關(guān)系與文檔流說到標(biāo)準(zhǔn),最權(quán)威的自然莫過于標(biāo)準(zhǔn)文檔。很明顯,的元素仍在文檔流中。另外,推薦下一個(gè)人認(rèn)為不錯(cuò)的文章基礎(chǔ)篇中關(guān)于脫離文檔流的幾種情況分析 前言 近期遇到一個(gè)問題——position:relative到底會(huì)不會(huì)導(dǎo)致元素脫離文檔流?主流觀點(diǎn)是不會(huì),但都給不出一個(gè)有說服力的論據(jù)。最后我自己佐證了...
摘要:如內(nèi)可以包含塊級元素與塊級元素并列內(nèi)聯(lián)元素與內(nèi)聯(lián)元素并列。相對定位是相對于該元素在文檔流中的原始位置,即以自己原始位置為參照物。另外,對象脫離正常文檔流,使用,,,等屬性進(jìn)行絕對定位。1、CSS概述CSS是 Coscoding Style Sheets 的簡稱,中文稱為層疊樣式表,用來控制網(wǎng)頁數(shù)據(jù)的表現(xiàn),可以使網(wǎng)頁的表現(xiàn)與數(shù)據(jù)內(nèi)容分離。2、CSS的四種引入方式2.1 行內(nèi)式 --> 行...
摘要:如內(nèi)可以包含塊級元素與塊級元素并列內(nèi)聯(lián)元素與內(nèi)聯(lián)元素并列。而對于使用脫離文檔流的元素,其他盒子與其他盒子內(nèi)的文本都會(huì)無視它。css概念 CSS是Cascading Style Sheets的簡稱,中文稱為層疊樣式表,用來控制網(wǎng)頁數(shù)據(jù)的表現(xiàn),可以使網(wǎng)頁的表現(xiàn)與數(shù)據(jù)內(nèi)容分離。css引入方式1. 行內(nèi)式 行內(nèi)式是在標(biāo)記的style屬性中設(shè)定CSS樣式。這種方式?jīng)]有體現(xiàn)出CSS的優(yōu)勢,不推薦使用...
摘要:獲得當(dāng)前元素相對于的位置。返回一個(gè)對象含有和當(dāng)給定一個(gè)含有和屬性對象時(shí),使用這些值來對集合中每一個(gè)元素進(jìn)行相對于的定位。獲取對象集合中第一個(gè)元素相對于其的位置。結(jié)尾以上就是中與偏移相關(guān)的幾個(gè)的解析,歡迎指出其中的問題和有錯(cuò)誤的地方。 前言 這篇文章主要想說一下Zepto中與偏移相關(guān)的一些事,很久很久以前,我們經(jīng)常會(huì)使用offset、position、scrollTop、scrollLe...
閱讀 1757·2023-04-25 16:28
閱讀 694·2021-11-23 09:51
閱讀 1477·2019-08-30 15:54
閱讀 1161·2019-08-30 15:53
閱讀 2835·2019-08-30 15:53
閱讀 3425·2019-08-30 15:43
閱讀 3266·2019-08-30 11:18
閱讀 3288·2019-08-26 10:25