float:浮動，比如，默認的，我們知道，div是占滿一行的，現在我們想把兩個div顯示在一行上，那怎麼辦呢
<div style="width:100px;"></div><div style="width:150px"></div>
這樣我們就設置了兩個div，一個寬度100px,一個寬150px,可預覽一下，我們的div仍在兩行上，那麼怎麼把它改到一行上呢，這兒就需要float，設置第一個div的float為left
<div style="width:100px;float:left;"></div><div style="width:150px"></div>
再預覽，就可以看到，它們到一行上了。
clear是什麼意思呢，clear是清除的意思，它有三個值，left,right,both
很好理解，如果設置了clear:left，它就不怕它的左邊有float，同理clear:right,clear:both，是左右都不讓有float
舉個例子，還是上面的
我們設置第二個div的clear:left,也就是不讓它左邊有float
<div style="width:100px;float:left;"></div><div style="width:150px;clear:left;"></div>
我們預覽一下，就可以看到，盡管第一個div已經float:left了，這兩個div仍然在兩行上，就是由於第二個div不讓它左邊有float
因為css的定義是後面的可以覆蓋前面的，明白了吧