CSS文檔流與塊級元素(block)和內(nèi)聯(lián)元素(inline)理解

參考文章:CSS文檔流與塊級元素和內(nèi)聯(lián)元素

定義
  • 文檔流 :將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流.有三種情況將使得元素脫離文檔流而存在,分別是浮動(float), ,絕對定位 (position=absolute), 固定定位 (position=relative).

  • 塊元素 :一般是其他元素的容器元素,塊元素一般都從新行開始,它可以容納內(nèi)聯(lián)元素和其他塊元素,常見塊元素是段落標(biāo)簽'P"

  • 內(nèi)聯(lián)元素 :任何不是塊級元素的可見元素都是內(nèi)聯(lián)元素 如 <span> 定義文本內(nèi)區(qū)塊。


定位模式
  • 相對定位:即相對于元素在文檔流中位置進行偏移. 但保留原占位.
  • 絕對定位:即完全脫離文檔流, 相對于position屬性非static值的最近父級元素進行偏移
  • 固定定位:即完全脫離文檔流, 相對于視區(qū)進行偏移.
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容