其中static是預設值，當元素未定義position或定義position值為static時，該元素內定義的top, bottom, left, right 和 z-index無效。
relative表示相對定位，在文件流中仍然占有空間，其參考物件是離該元素最近的父元素。圖1表示父元素的position值變化時，子元素（position=relative）與父元素的相對位置，由圖可以看出其相對位置不隨父元素的position值變化而變化。
當其父元素position值均為static或者未定義時，其參考物件應該是document（瀏覽器視窗大小的矩形）而不是網上所說的body元素或者html元素。為驗證以上說法 我們設定下面三組對照，**如圖5所示，其中.fixed和.absolute的css樣式如圖6所示。.absolute始終完全覆蓋在.fixed上，由此可見.absolute的位置沒有隨html元素和body元素的變化而變化，因此其參考物件不是body元素或者html元素。
fixed表示固定定位，類似於absolute，但是其是根據瀏覽器視窗定位的。
在非ie瀏覽器（如firefox）下，當容器的高度為auto，且容器的內容中有浮動（float為left或right）的元素，在這種情況下，容器的高度不能自動伸長以適應內容的高度，使得內容溢位到容器外面而影響（甚至破壞）布局的現象。這個現象叫浮動溢位，為了防止這個現象的出現而進行的css處理，就叫css清除浮動。
清除浮動的8種方式：
1.父級div定義 height
2.結尾處加空div標籤 clear:both
3.父級div定義 偽類:after
4. 父級div定義 overflow:hidden
5. 父級div定義 overflow:auto
6、父級div 也一起浮動 7
.
父級div定義 display:table 8
.
結尾處加 br標籤 clear:both
CSS 定位position屬性
div h1 或 p 元素常常被稱為塊級元素。這意味著這些元素顯示為一塊內容，即 塊框 與之相反，span 和 strong 等元素稱為 行內元素 這是因為它們的內容顯示在行中，即 行內框 您可以使用 display 屬性改變生成的框的型別。將 display 屬性設定為 block，可以讓行內元素...
CSS 定位屬性position
一 position 屬性 規定元素的定位型別。即元素脫離文件流的布局，在頁面的任意位置顯示。有4種不同型別的定位 absolute 絕對定位 脫離文件流的布局，遺留下來的空間由後面的元素填充。定位的起始位置為最近的父元素 postion不為static 否則為body文件本身。relative 相...
css 聊聊position屬性
今天呢，想聊聊css裡的position屬性。也就是元素定位屬性。目的呢，是為了梳理一下自己學習工作中積累的經驗。根據mdn文件，css屬性 position 用於指定乙個元素在文件中的定位方式。另外還需要偏移屬性top,right,bottom 和 left來決定了該元素的最終位置。適用於所有元素...