1、前面沒(méi)清除浮動(dòng)導(dǎo)致的 當(dāng)父盒子剩余的寬度容納不下新浮動(dòng)的子盒子時(shí)，子盒子會(huì)另起一行，且它的上邊界始終低于前一個(gè)浮動(dòng)盒子的下邊界所以會(huì)造成在浮動(dòng)在右邊的樣子；有浮動(dòng)效果的呀，你把float的left改成right就能更清晰的看到box3浮動(dòng)到右邊了呀由于你的box2并沒(méi)有設(shè)置浮動(dòng)，所以是占據(jù)固定位置的，所以box3只能在box2的下一行開(kāi)始浮動(dòng)，又因?yàn)槟愕母?dòng)值是left，所以box3就靠左了呀我猜想你想看到的效果是否是box2和box3并排在左側(cè)那么代碼只要給box2加float；floatrightfloatfloatinherit left 元素向左浮動(dòng)right 元素向右浮動(dòng) 默認(rèn)值元素不浮動(dòng)，并會(huì)顯示在其在文本中出現(xiàn)的位置inherit 規(guī)定應(yīng)該從父元素繼承 float 屬性的值 clear 屬性定義了元素的哪邊上不允許出現(xiàn)浮動(dòng)元素其屬性有l(wèi)eft 元素向左浮動(dòng)；題主的意思應(yīng)該是想問(wèn)父元素設(shè)置的float會(huì)不會(huì)在子元素里被繼承吧float屬性不具有繼承特性，就是說(shuō)子元素不會(huì)繼承父元素的浮動(dòng)屬性，詳情參考css手冊(cè) float版本CSS1 兼容性IE4+ NS4+ 繼承性無(wú) 語(yǔ)法float left right 參數(shù) 對(duì)象不浮動(dòng) left 對(duì)象浮在左邊 right。

2、注釋假如在一行之上只有極少的空間可供浮動(dòng)元素，那么這個(gè)元素會(huì)跳至下一行，這個(gè)過(guò)程會(huì)持續(xù)到某一行擁有足夠的空間為止實(shí)例把圖像向右浮動(dòng)img floatright 2left left是屬性值，floatleft， textalignleft alignleft 都是不同的 3textalign textalign 屬性規(guī)定元素中的文本的水；如果你設(shè)置了寬度，那么它的配置很重要左中右三者的寬度加起來(lái)要恰好小于等于最外框架的寬度才行，多1px就變成這樣了；float一般用作css里面即使在HTML出現(xiàn)，也是出現(xiàn)在div框架或者行內(nèi)css里面的一般來(lái)講是這樣的ltspan=quotfloat值quot限定某塊的浮動(dòng)情況，值通常為rightleft等方向型元素；1 html中調(diào)整位置使用css的float屬性詳細(xì)用法首先在html文件中新建兩個(gè)div容器，用來(lái)方便演示效果，容器中都加入h2標(biāo)簽，設(shè)置不同文字便于區(qū)分2div標(biāo)簽給它在style標(biāo)簽設(shè)置class屬性的樣式，給它高度和寬度以及顏色，h2標(biāo)簽一個(gè)使用float屬性，另一個(gè)不使用這里float標(biāo)簽的作用可以讓文字居左或者居。

3、float在html是網(wǎng)頁(yè)布局便簽根據(jù)查詢相關(guān)信息顯示float是浮動(dòng)的意思，使用float意思就是網(wǎng)頁(yè)不再是一個(gè)平面的，而是一個(gè)有上下層次的網(wǎng)頁(yè)功能相當(dāng)強(qiáng)大，相當(dāng)于網(wǎng)頁(yè)布局；由于各個(gè)瀏覽器在樣式方面都有一些差異，還有一種情況就是，向右浮動(dòng)的元素寬度不夠時(shí)也會(huì)出現(xiàn)換行的問(wèn)題，這個(gè)時(shí)候只要修改寬度就可以解決 接下來(lái)總結(jié)一下查資料過(guò)程中學(xué)到的float屬性相關(guān)特點(diǎn) 1float在css中屬于一種浮動(dòng)的定位屬性 特點(diǎn) 1 float框可以左右浮動(dòng)，直到它的外邊緣遇到包含框或；1首先打開(kāi)軟件，并創(chuàng)建一個(gè)新的html文件2創(chuàng)建新文件后，設(shè)置頁(yè)面背景顏色3在新文件中創(chuàng)建段落一，或者選擇一個(gè)段落4再引入圖片并設(shè)置圖片大小，這里就可以設(shè)置圖片浮動(dòng)至段落的左邊5創(chuàng)建段落二，或者選擇一個(gè)新的段落6，再次引入圖片并設(shè)置圖片大小，同時(shí)設(shè)置圖片浮動(dòng)至段落的右邊；1使用css中的flaot屬性就可以了，首先打開(kāi)Dreamweaver，創(chuàng)建html文件2然后先給頁(yè)面設(shè)置背景顏色，創(chuàng)建段落兩個(gè)段落，段落上面設(shè)置2張圖片的float屬性，分別讓它們左右浮動(dòng)，值為left和right，最后打開(kāi)瀏覽器3打開(kāi)瀏覽器后即可看到效果，兩張圖片分別浮動(dòng)在文本的左右兩邊，文字則是圍繞在圖片周圍。

4、這些屬性一般是用在css里面的在HTML里面，一般通過(guò)style來(lái)使用，如style=“floatleft textalign ”；href=quotsamplecssquotltheadltbodyltp class=quotcontent1quotltimg src=quotimgmousepngquot alt=quot圖像quot style=quotwidth 45pxheight 45pxquot在圖像上使用floatleft的例子文字在右側(cè)顯示，剩下部分的文字在圖像的下面被顯示ltpltbodylthtmlCSS代碼pcontent1 backgroundcolor #b0e0e6；float 是浮動(dòng)的意思使用float 意思就是網(wǎng)頁(yè)不再是一個(gè)平面的，而是一個(gè)有上下層次的網(wǎng)頁(yè)，只不過(guò)從屏幕上看相當(dāng)于俯視去看一個(gè)網(wǎng)頁(yè)，看出來(lái)的效果仍然是一個(gè)平面，但是側(cè)視圖去看的話就變成了上下層的結(jié)構(gòu)，這樣才會(huì)出現(xiàn)不同的div在不同的平面上，所以在你俯視去看的時(shí)候，他們可以并在一起，感覺(jué)。

5、檢查下兩個(gè)DIV的寬度width設(shè)置情況，在不定義position或者position屬性相同的情況下不控制div的寬度width，或者div被其內(nèi)部的內(nèi)容撐大，最終會(huì)導(dǎo)致浮動(dòng)異常不對(duì)齊排列解決辦法兩個(gè)都浮動(dòng)的情況限制兩個(gè)div的width，最好小于它們父元素的50%，比如兩個(gè)都是48%一個(gè)浮動(dòng)，一個(gè)不浮動(dòng)的；html讓文字一部分靠左顯示，另外一部分靠右顯示的代碼如下1使用float樣式，讓文字左右浮動(dòng)即可，先輸入向左浮動(dòng)的文字，示例代碼如下ltdiv style=quotfloatleftquot明月幾時(shí)有把酒問(wèn)青天ltdiv 2然后輸入向右浮動(dòng)的文字，示例代碼如下ltdiv style=quotfloatrightquot不知天上宮闕，今夕是何年lt。