★float屬性
頁面布局時主要採用：浮動(float)和定位(position)，還有就是即不浮動也不定位的正常文件流結構三種；
float屬性常用的語法是：float:left|right|none；任何元素都可以被浮動，無論是塊元素div，ol，ul還是行內元素span、strong都可以浮動，重要的是任何被宣告float的元素都會自動被設定成塊元素，也就就有塊元素的特徵，能夠設定寬和高； float主要用於布局，標籤在float之後為了不影響下面內容的布局，
一定要記得清浮動；
float對標籤的影響：
float對行內屬性標籤的影響：行內元素標籤在float之後都具有了設定width和height的能力；
float對塊屬性標籤的影響：預設佔滿行的塊屬性標籤(p)在沒有設定寬高的情況下設定浮動後變成內容撐開寬度，但是同樣也支援寬高的設定；
float能很好的解決瀏覽器之間解析標籤時enter鍵造成的現實間隙問題；
具有float屬性的物件在父標籤中是不佔空間的：在瀏覽器的解析中，如果不對父標籤進行高度設定，那麼父標籤的高度會被他所包含的內容撐開，但是在對子標籤進行浮動之後父標籤的高度就不能被子標籤撐開了；要解決這個相容的問題方法有四種：
a、 給父標籤設定高度，但是這種方法只適用於高度固定的情況下，可以嘗試用min-height；
b、給父標籤設定float屬性；
c、 給父標籤的關標籤前清除浮動；
d、 直接給父標籤設定乙個overflow:hidden;
具有清除內部浮動的作用；
★clear屬性
clear屬性定義了元素的某個方向上不允許出現浮動元素，常用的語法結構是：clear:none|left|right|none；一般常用的是clear:both；
常用清浮動的位置：標籤在float後會處於漂浮狀態，為了不影響下面的布局，一定要清浮動選擇請浮動位置時我們應該注意兩點：
a、清除浮動一定要在浮動標籤完成布局後進行新增，否則會影響到浮動標籤的布局；
b、清除浮動必須與前面的浮動標籤屬於同級關係；
★清浮動的幾種方法
在使用float布局時常需要清除float浮動，常用的清浮動的方法有空標籤清浮動、overflow清浮動、after清浮動、父標籤浮動清除子標籤的浮動等幾種方法；
a、空標籤清浮動：方法是在html頁面中加入乙個空標籤，用空標籤來清除浮動，此標籤可以是任意標籤，但是要是標籤時需要另外加上；但是空標籤清浮動會增加多餘的標籤**；
b、overflow清浮動：在需要清除浮動的父標籤中加入overflow屬性即可，但是在ie6下不認識此屬性則加入zoom:1或者height:1%；
c、after清浮動（主要用於非ie瀏覽器）
after清除浮動常見的css樣式為：
.out//主要針對ie6/7以及遨遊瀏覽器；
.out:after //主要針對ff、chrome、opera、ie8；
d、子標籤浮動，給父標籤浮動：標籤巢狀時，如果父子標籤均浮動則不用給子標籤清浮動；
f、下一標籤直接清浮動：兄弟標籤浮動時，在下一標籤的屬性中直接寫入清除clear:both;這樣就可以清除以上標籤的浮動而不用加入空標籤來清除浮動； e、使用position:absolute;來清除浮動；
★overflow屬性
overflow屬性定義了當內容溢位元素框時的樣式，常用的語法是：
overflow:visible|auto|hidden|scroll;相關屬性：overflow-x,overflow-y;
visible:不剪下內容也不新增滾動條；
auto:是body物件和textarea的預設值，在需要時剪下內容並新增滾動條；
hidden:超出部分隱藏；
scroll:總是顯示滾動條；
★display屬性
display：display屬性規定元素應該生成的框的型別，常用的語法是：
display:block|none|inline；其中block是說該元素以塊屬性顯示，通過這個屬性值我們可以實現行內屬性到塊屬性之間的轉換，以達到我們想要的效果，none：隱藏，此元素不會被顯示；inline：以行內屬性顯示，這個屬性可以使塊屬性標籤具有部分行內屬性，可以用來解決ie6雙倍bug的問題；
Float浮動布局
什麼是浮動布局？浮動可以設定元素，脫離正常的文件流，向右或者向左，靠近父元素的邊緣或者是設定了浮動的其他的元素的邊緣靠攏。比如，我們使用div等塊標籤的時候，它們都是獨佔一行，但是很多時候要將多個div併排放置，這種情況就可以使用浮動布局。浮動可以那些問題？使用浮動布局之後 這裡也是可以使用浮動解決...
DIV CSS布局 CSS浮動float屬性詳解
在傳統的 布局中，我們對 應該對齊方式對實現了對布局的應用，而應用web標準構建網頁以後，float浮動屬性是布局中非 常重要的屬性，我們常常通過對div元素應用float浮動來進行布局，不但對整個版式進行規劃，也可以對一些基本元素如導航等進行排列。我們來看看float屬性基本釋義 該屬性的值指出了...
css浮動布局
float 是 css 的定位屬性。在傳統的印刷布局中，文字可以按照需要圍繞。一般把這種方式稱為 文字環繞 在網頁設計中，應用了css的float屬性的頁面元素就像在印刷布局裡面的被文字包圍的一樣。浮動的元素仍然是網頁流的一部分。這與使用絕對 定位的頁面元素相比是乙個明顯的不同。絕對定位的頁面元素被...