在做網頁的時候經常會用到這個屬性，使得我們的網頁更加靈活，不至於那麼死板，但是對於初學者而言，他們又不是那麼好理解的，那麼，今天我就來說說我對這兩個屬性的理解。
用float屬性時會使元素脫離正常文件流，什麼意思呢，就是讓元素飄起來，自然，地面上發生的任何事都不會與之相關，所以說，如果該元素浮動之前下面有其他元素的話，在浮動之後就下面的元素就會佔據該元素原始位置，可以理解為相對於該元素已經不存在了，上天了而已，浮動的元素並不會像設定的position為absolute的脫離文件流一樣，浮動的元素其相對高度是沒有變化的。
那麼說了這麼多廢話之後說點乾貨，float屬性的作用，比如乙個div，是個行級元素，即乙個div就會單獨佔一行，你再寫個div就會自動另起一行，即使你對該div設定了再小的寬度，這時我們就可以使用float屬性加以控制，如果兩個div寬度相加小於父層元素的寬度，他們就會出現在一行，如果大於，還是會分行，怎麼樣，這樣做對網頁的靈活性是不是大多了呢，float可以設定為左或者右浮動，預設不浮動，還有乙個問題，比如我好幾個元素都設定了浮動，並且都在一行，那麼順序是怎樣的呢，答案是，以你設定的float方位為正方向，向後為1，2，3，4。。。比如，我有div1，div2，div3，div4，div1在最上層，4在最下層，並且都設定了float：right；那麼div1會出現在最右邊，4在最左邊，如果前三個已經佔滿第一行，那麼4就會從右開始另起一行。如果還有div5的話5就會出現在4的左側。
float就說這些，下面說說clear，就官方的解釋很容易誤導大家，官方解釋翻譯後是說，不允許左/右邊有浮動屬性，那麼我們有三個div，div1，div2，div3，都是float：left；並在一行，現在要使div2另起一行，很多小夥伴會認為，給div1加上clear：right；即可，我們說，這樣是不能達成目的的，原因是，clear屬性只會影響自身，細想一下也對，如果他能影響其他元素那麼是不是可能出現很多預想不到的結果，要達到以上目的，我們只需要給div2新增乙個clear：left屬性即可，或者clear：both；這樣做的意思是告訴div2，如果你的左邊有向左浮動的元素，你就另起一行，或者如果你右邊有向右浮動的屬性，你也另起一行。
那麼clear屬性總結起來就一句話，clear：left；是當左邊有左浮動元素時另起一行，right亦然，所以，為了簡單方便起見，要使元素另起一行，大膽的用clear：both；吧。
理解css中的float和clear
css浮動 float,clear 通俗講解 1.假如某個div元素a是浮動的，如果a元素上乙個元素也是浮動的，那麼a元素會跟隨在上乙個元素的後邊 如果一行放不下這兩個元素，那麼a元素會被擠到下一行 如果a元素上乙個元素是標準流中的元素，那麼a的相對垂直位置不會改變，也就是說a的頂部總是和上乙個元素...
CSS中float和Clear的使用
本文和大家重點討論一下css中float和clear屬性的使用，乙個float物件可以居左或居右，乙個設定為float的物件，將根據設定的方向，左移或右移到其父容器的邊界，或其前面的float物件的邊界，而緊隨其後的非float物件或內容，則包圍在其相反的方向。css中float和clear屬性用法...
CSS中float屬性和clear屬性的一些筆記
在學習css的最後一部分內容中，float屬性和clear屬性比較難以用語言描述，因此在筆記本中無法準確的記錄這兩個屬性的用法。所以在上以 的形式記錄這兩種屬性的特徵，以備以後查閱。首先，定義了四個div區域 div id div 1 風風風風風風風f風 div div id div 2 火火火火火...