文檔流：窗體自上而下分成一行一行的，并在每一行中從左到右一次排列元素。

一般的元素都遵循文檔流排放，通過定位可以使元素脫離文檔流： 1.絕對定位：absolute。完全脫離文檔流排列元素，元素相對于其最近的具有定位屬性的父元素進行定位，若無則相對于body 定位。元素脫離文檔流，依然在文檔流中的其他元素會覆蓋原本這個元素的位置。元素定位到瀏覽器之外時顯示滾動條。 2.相對定位：relative。不脫離文檔流，元素相對于以前的位置移動，這種移動是在正常文檔流中的移動。對象定位在瀏覽器窗口以外時顯示滾動條。 3.固定定位：fixed。遵循絕對定位方式，即完全脫離文檔流，當定位在瀏覽器窗口以外時不會顯示滾動條。它的定位始終位于屏幕的某個位置，不受文檔流影響。例如：網頁上的廣告。 4.inherit：繼承值。繼承父元素的定位類型。