css - 文檔流

http://segmentfault.com/blog/trigkit4/1190000000680773
文檔流是文檔中可顯示對象在排列時所占用的位置。

將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流.(自己的理解是從頭到尾按照文檔的順序,該在什么位置就在什么位置,也可以按照上面的意思理解,自上而下,自左到右的順序)

比如網(wǎng)頁的div標(biāo)簽它默認(rèn)占用的寬度位置是一整行,p標(biāo)簽?zāi)J(rèn)占用寬度也是一整行,因為div標(biāo)簽和p標(biāo)簽是塊狀對象。 網(wǎng)頁中大部分對象默認(rèn)是占用文檔流,也有一些對象是不占文檔流的,比如表單中隱藏域。

元素在沒有浮動和絕對定位時的正常布局方式,(從左到右,從上到下)。


css中脫離文檔流

css脫離文檔流到底是什么意思,脫離文檔流就不占據(jù)空間了嗎?
脫離文檔流是不是指該元素從dom樹中脫離?

解答:https://www.zhihu.com/question/24529373/answer/29135021

總結(jié):脫離文檔流,也就是將元素從普通的布局排版中拿走,其他盒子在定位的時候,會當(dāng)做脫離文檔流的元素不存在而進(jìn)行定位。需要注意的是,使用float脫離文檔流時,其他盒子會無視這個元素,但其他盒子內(nèi)的文本依然會為這個元素讓出位置,環(huán)繞在周圍。而對于使用absolute 
positioning脫離文檔流的元素,其他盒子與其他盒子內(nèi)的文本都會無視它。
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容