position：static、relative、absolute、fixed
static:沒有定位，元素出現在正常的流中。position的預設值，設定position：static的情況下，left、top、right、bottom無效。
relative:生成相對定位的元素，相對於其正常位置進行定位。因此，"left:20" 會向元素的 left 位置新增 20 畫素。
absolute:生成絕對定位的元素，相對於 static 定位以外的第乙個父元素進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。使用absolute時要注意它的非static定位的父元素是誰，這樣才可以正確的出效果。
fixed:生成絕對定位的元素，相對於瀏覽器視窗進行定位。元素的位置通過 "left", "top", "right" 以及 "bottom" 屬性進行規定。可以用來設定永遠懸浮在同乙個位置的廣告欄、置頂按鈕等。
inherit:規定應該從父元素繼承position屬性的值。
注意：left、top、right、bottom只在非static的情況下有效。
CSS定位position的理解
如一本書上所說，定位的原理很簡單。利用定位，可以準確地定義元素框相對於其正常位置應該出現在 或者相對于父元素 另乙個元素甚至瀏覽器視窗本身的位置。定位包含4種不同的型別會影響元素框生成的方式 position static relative absolute fixed inherit static...
CSS 我理解的position
注 本文是 css權威指南 的學習筆記 position 用於定位 元素框正常生成。塊級元素生成乙個矩形框，作為文件流的一部分，行內元素則會建立乙個或多個行框，置於其父元素中。元素框偏移某個距離。元素仍保持其未定位前的形狀，它原本所佔的空間仍保留。元素框從文件流中完全刪除，並相對於其包含塊定位，包含...
關於css中的position
對於position的幾個屬性 static 無特殊定位，物件遵循html定位規則 absolute 將物件從文件流中拖出，使用left，right，top，bottom等屬性進行絕對定位。而其層疊通過z index屬性定義。此時物件不具有邊距，但仍有補白和邊框 relative 物件不可層疊，但將...