脫離文檔流的疑難混淆點兒 display:inline-block能脫離文檔流嗎

  CSS中脫離文檔流,也就是將元素從普通的佈局排版中拿走,其他盒子在定位的時候,會當做脫離文檔流的元素不存在而進行定位。
  需要注意的是,使用float脫離文檔流時,其他盒子會無視這個元素,但其他盒子內的文本依然會爲這個元素讓出位置,環繞在周圍。
  而對於使用absolute positioning脫離文檔流的元素,其他盒子與其他盒子內的文本都會無視它。

脫離文檔流只是對html文檔的一種解析方案的說法而已。脫離文檔流是相對正常文檔流而言的。正常文檔流就是我們沒有用css樣式去控制的html文檔結構,你寫的界面的順序就是網頁展示的順序。比如寫了5個div塊。正常文檔流就是依次顯示這5個div塊。從左往右,自上而下的順序。脫離文檔流就是指它所顯示的位置和文檔代碼就不一定一致了。比如可以用css控制,把最後一個div塊顯示在第一個div塊的地方。這個只是瀏覽器的處理方案。但是,dom結構是沒有發生變化的。仍舊和你寫的html文檔一樣。用js取這個節點可以取到的。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章