浮動
float:屬性{
float:none; 預設值，物件，不漂浮
float:left; 文字流向物件的右邊
float:right;
清除浮動
clear:屬性{
clear:none; 允許物件兩遍都可以浮動
clear:left; 不允許左邊有浮動
clear:right; 不允許右邊有浮動
clear:both; 兩遍都不允許有浮動
定位position:屬性{
position:static; 靜態定位
position:fixed; 固定定位
position:absolute; 絕對定位
position:relative; 相對定位
絕對定位 （absulote）:將物件從文件流中拖出使用left,rigt,top,bottom屬性,相對於最接近得乙個具有定位設定的父物件，進行絕對定位，如果不存在這樣的父物件，則依據body物件。絕對定位物件可層疊，層疊順序可通過z-index 屬性控制，z-index值為無單位的整數，大的在最上面，可以有負值（目前負值ff不支援）。
相對定位 ( relative ) :物件不可層疊，但是，left,right,top,bottom,這些屬性在正常文件流中偏移位置。同樣可以用z-index分層設計。
定位的形象解釋
(1) 絕對定位(absolute)
如果使用決定定位，絕對定位物件會讓出自己原先占用位置，它是貢獻的。如果之前沒有對父元素定位，那麼子元素位置不會受父元素位置影響，父元素怎麼移動，子元素還是在原來的位置，至於子元素要在哪個位置，則以html(body左上角)上角為準,用left，right，top，bottom值來定位，但是如果父元素也給出了定位設定(通常是相對定位)，此時子元素的位置就沒有那麼自由了，儘管此時子元素改變位置了也不會影響父元素(文字流)，但它還是要遵循父元素的話，父元素會告訴它"你可以活動，但應該在我的範圍內走動，比方說我要你在我左上方1公尺處，你就要跟死這一點，我走你也要跟著走",課件絕對定位的物件參考目標是它的父極。專業懲稱之為包含塊。
（2）相對定位(relative)
相對定位乙個最大的特點是:自己通過定位離開了還占用著原來的位置，不會讓給他周圍的文字流之類的物件，相對定位也比較獨立,做什麼事他自己說了算，要定位的時候，它是以自己本身所在位置偏移的，文字流相對定位物件還存在影響，因為物件並沒有真正脫離文字流，就像兩個人在同一層樓水平移動的過程中會有朋友的機會。
總結兩種定位的特徵
絕對定位就像是把不同物件安排到了移動高樓的不同樓層，它們互不影響，但是它們怎麼移動與你樓的地基和面積(父極)有關，相對定位指物件還是在首層樓與文字流一起存放，它們之間肯定存在影響。
再用相對定位和絕對定位的時候，有一種情況是它們的定位值用到了負值則物件可沿相反方向移動，剛才說到的把物件安排在一棟樓的不同層，如果某個物件一開始就是背靠著最外邊牆的，此時再用乙個負值定位它，他就會神奇般的跑出牆外去了，當然現實中可沒有這種驚險而又神奇的事發生。
對於普通的頁面布局，不到萬不得已不要使用absolute進行定位。
想重構高質量的頁面，少用絕對定位布局！
css 相對定位 絕對定位 浮動 分析
點評 w3school 站點上的所有頁面都採用了這種技術，如果您開啟我們使用 css 檔案，您會看到我們對頁尾的 div 進行了清理，而頁尾上面的三個 div 都向左浮動。相對定位是乙個非常容易掌握的概念。如果對乙個元素進行相對定位，它將出現在它所在的位置上。然後，可以通過設定垂直或水平位置，讓這個...
css 浮動 相對定位 絕對定位區別
html是按照檔案流 普通流 的方式載入的，但是全部是普通流的話，很多好看的樣式是實現不了的，所以出現了浮動，相對定位，絕對定位的概念。一 首先，按照普通流和非普通流來分類 普通流 就是按照上下左右的順序一行一行排列的，長度不夠就會自動擠到下一行。非普通流 顧名思義就是脫離普通流的，在普通流上面是不...
css 浮動 相對定位 絕對定位區別
html是按照檔案流 普通流 的方式載入的，但是全部是普通流的話，很多好看的樣式是實現不了的，所以出現了浮動，相對定位，絕對定位的概念。一 首先，按照普通流和非普通流來分類 普通流 就是按照上下左右的順序一行一行排列的，長度不夠就會自動擠到下一行。非普通流 顧名思義就是脫離普通流的，在普通流上面是不...