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

總結

以上是生活随笔為你收集整理的CSS中，float浮动的理解的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。