定位：static:元素框正常生成，正常的文字流。
relative：元素框偏移某個角落。元素仍保持未定位前的性狀，它原本所佔的空間仍保留。實際上被看作普通流定位模型的一部分，因為元素的位置相對於它在普通留的位置。
absolute:元素框文件流完全刪除，並相對其包含塊定位。元素流原先在正常文字流的空間會關閉，就像不存在一樣。元素的位置與文件流無關，不佔據空間。絕對定位相對於最近定位祖先元素，如果沒有已經定位的祖先元素，則對最初的包含塊進行定位。
fixed:跟position的absolute屬性差不多，不過其包含塊是檢視本身。
浮動：
浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另乙個浮動框的邊框為止。
由於浮動框不在文件的普通流中，所以文件的普通流中的塊框表現得就像浮動框不存在一樣。
浮動框旁邊的行框被縮短，給浮動框留出空間，行框圍繞浮動框。
如圖所示，當影象和文字一起浮動時脫出文字流，容器沒有實際寬度不能包圍浮動元素。此時解決方案有：
一，由於沒有現有的元素可以清理浮動，只能新增乙個空元素並清理它。
.news img
.news p
.clear
some text
二，對容器div進行浮動。但會對周圍的元素進行浮動。
.news
.news img
.news p
some text
三，用overflow屬性：對父元素用overflow:hidden屬性，可以解決這個問題。
定位 與浮動
1 區塊浮動 絕對定位 脫離正常的文件流，相當於飄起來 向 飄起來，於是就有了float 1，div 是塊級元素，他會自動換行 2，對元素使用 float 浮動的話，他會自動的把定位方式變為 絕對定位 如果絕對定位之後，這個元素下面還有元素，會頂上去 注釋 正常情況下，按照上下的順序正常顯示，當浮動...
浮動與定位
浮動 浮動元素會以某種方式從文件的正常流中刪除，再按照屬性值移動到制定的位置，浮動元素從某種意義上來說自成一派，但是他仍會對文件布局產生影響。注意事項 a.如果要對乙個非替換元素進行浮動，那麼必須為該元素宣告乙個寬度，否則，根據css規則，元素寬度近似為0，元素布局將會出現意想不到的結果。b.元素宣...
浮動與定位
1 元素的浮動屬性float的 基本的格式 選擇器一般他的值包過3個在內 屬性值 描述 left 元素會向左浮動 right 向右 none 不浮動 2 清除浮動 clear的屬性 選擇器屬性值 描述 left 不允許左側有浮動元素 清除左側浮動的影響 right 不允許右側有浮動元素 清除右側浮動...