css中 float 是什么意思

2024-07-11 09:05:37

字體：大中小

供稿：網(wǎng)友

css中有個(gè)命令是float，也就是浮動(dòng)的意思，可是我不明白他的具體意思，也就是在網(wǎng)頁中是怎么表現(xiàn)的，另外為什么要clear浮動(dòng)的，不清除會(huì)有什么嚴(yán)重的后果，這些都不是很理解，請高手幫我理解一下，不勝感激.

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

上一篇：css中的background:transparent到底是什么意思有什么作用

下一篇：css文字兩端對齊