成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

CSS中"position:relative"屬性與文檔流的關(guān)系

Invoker / 2834人閱讀

摘要:最后我自己佐證了一番,總算有了個(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)系

"relative"與文檔流

說到標(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

相關(guān)文章

  • CSS"position:relative"屬性文檔流的關(guān)系

    摘要:最后我自己佐證了一番,總算有了個(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ù)。最后我自己佐證了...

    Jingbin_ 評論0 收藏0
  • CSS

    摘要:如內(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)式 --> 行...

    番茄西紅柿 評論0 收藏0
  • css

    摘要:如內(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)勢,不推薦使用...

    番茄西紅柿 評論0 收藏0
  • 向Zepto學(xué)習(xí)關(guān)于"偏移"的那些事

    摘要:獲得當(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...

    hzx 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<