《CSS權威指南》中文字顯示：任何不是塊級元素的可見元素都是內聯元素。其表現的特性是“行布局”形式，這里的“行布局”的意思就是說其表現形式始終以行進行顯示。比如，我們設定一個內聯元素border-bottom:1px solid #000;時其表現是以每行進行重復，每一行下方都會有一條黑色的細線。如果是塊級元素那么所顯示的的黑線只會在塊的下方出現
內聯元素中只能放內聯元素。表現為行布局
塊元素可以放塊元素和內聯元素
正常文檔流下,塊級元素的寬度等於父元素的寬度,高度為內容撐開的高度;內聯元素的高度寬度都是內容撐開的高度寬度；
設置絕對定位/固定定位/浮動會脫離文檔流；
脫離文檔流下,塊級元素的寬度是內容撐開的元素,高度還是內容撐開的高度；
給內聯元素設置絕對定位/固定定位/浮動,內聯元素就會有塊元素的特點。(顯示高寬為內容撐開，脫離父元素掌控)
問：
如果一個元素脫離文檔流了，是不是只是顯示上脫離而已？在html中是否也會脫離？
我用js取這個元素的父節點的childNodes還能否取到這個元素；
同時，這個元素的parentNode還是不是html中的父節點？
//脫離文檔流只是對html文檔的一種解析方案的說法而已。脫離文檔流是相對正常文檔流而言的。正常文檔流就是我們沒有用css樣式去控制的html文檔結構，你寫的界面的順序就是網頁展示的順序。比如寫了5個div塊。正常文檔流就是依次顯示這5個div塊。從左往右，自上而下的順序。脫離文檔流就是指它所顯示的位置和文檔代碼就不一定一致了。比如可以用css控制，把最后一個div塊顯示在第一個div塊的地方。這個只是瀏覽器的處理方案。但是，dom結構是沒有發生變化的。仍舊和你寫的html文檔一樣。用js取這個節點可以取到的。
CSS中脫離文檔流，也就是將元素從普通的布局排版中拿走，其他盒子在定位的時候，會當做脫離文檔流的元素不存在而進行定位。
特殊：使用float脫離文檔流時，其他盒子會無視這個元素，但其他盒子內的文本依然會為這個元素讓出位置，環繞在周圍。
而對於使用absolute positioning脫離文檔流的元素，其他盒子與其他盒子內的文本都會無視它。