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