回覆列表
-
1 # daazhu2
-
2 # 使用者824832087851
浮動什麼意思呢,比如,預設的,我們知道,div是佔滿一行的,現在我們想把兩個div顯示在一行上,那怎麼辦呢
111112222這樣我們就設定了兩個div,一個寬度100px,一個寬150px,可預覽一下,我們的div仍在兩行上,那麼怎麼把它改到一行上呢,這兒就需要float,設定第一個div的float為left111112222再預覽,就可以看到,它們到一行上了。clear是什麼意思呢,clear是清除的意思,它有三個值,left,right,both 很好理解,如果設定了clear:left,它就不怕它的左邊有float,同理clear:right,clear:both,是左右都不讓有float 舉個例子,還是上面的 我們設定第二個div的clear:left,也就是不讓它左邊有float111112222我們預覽一下,就可以看到,儘管第一個div已經float:left了,這兩個div仍然在兩行上,就是由於第二個div不讓它左邊有float 因為css的定義是後面的可以覆蓋前面的,明白了吧
程式碼中加入float的話,以後加入的Div塊也會跟著你前面定義的浮動,如果你不想讓它跟著後面的浮動的話,就把它閉合!