1、前面沒清除浮動(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并沒有設(shè)置浮動(dòng)，所以是占據(jù)固定位置的，所以box3只能在box2的下一行開始浮動(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)該是想問父元素設(shè)置的float會(huì)不會(huì)在子元素里被繼承吧float屬性不具有繼承特性，就是說子元素不會(huì)繼承父元素的浮動(dòng)屬性，詳情參考css手冊 float版本CSS1 兼容性IE4+ NS4+ 繼承性無 語法float left right 參數(shù) 對象不浮動(dòng) left 對象浮在左邊 right。

2、注釋假如在一行之上只有極少的空間可供浮動(dòng)元素，那么這個(gè)元素會(huì)跳至下一行，這個(gè)過程會(huì)持續(xù)到某一行擁有足夠的空間為止實(shí)例把圖像向右浮動(dòng)img floatright 2left left是屬性值，floatleft， textalignleft alignleft 都是不同的 3textalign textalign 屬性規(guī)定元素中的文本的水；如果你設(shè)置了寬度，那么它的配置很重要左中右三者的寬度加起來要恰好小于等于最外框架的寬度才行，多1px就變成這樣了；float一般用作css里面即使在HTML出現(xiàn)，也是出現(xiàn)在div框架或者行內(nèi)css里面的一般來講是這樣的ltspan=quotfloat值quot限定某塊的浮動(dòng)情況，值通常為rightleft等方向型元素；1 html中調(diào)整位置使用css的float屬性詳細(xì)用法首先在html文件中新建兩個(gè)div容器，用來方便演示效果，容器中都加入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)頁布局便簽根據(jù)查詢相關(guān)信息顯示float是浮動(dòng)的意思，使用float意思就是網(wǎng)頁不再是一個(gè)平面的，而是一個(gè)有上下層次的網(wǎng)頁功能相當(dāng)強(qiáng)大，相當(dāng)于網(wǎng)頁布局；由于各個(gè)瀏覽器在樣式方面都有一些差異，還有一種情況就是，向右浮動(dòng)的元素寬度不夠時(shí)也會(huì)出現(xiàn)換行的問題，這個(gè)時(shí)候只要修改寬度就可以解決 接下來總結(jié)一下查資料過程中學(xué)到的float屬性相關(guān)特點(diǎn) 1float在css中屬于一種浮動(dòng)的定位屬性 特點(diǎn) 1 float框可以左右浮動(dòng)，直到它的外邊緣遇到包含框或；1首先打開軟件，并創(chuàng)建一個(gè)新的html文件2創(chuàng)建新文件后，設(shè)置頁面背景顏色3在新文件中創(chuàng)建段落一，或者選擇一個(gè)段落4再引入圖片并設(shè)置圖片大小，這里就可以設(shè)置圖片浮動(dòng)至段落的左邊5創(chuàng)建段落二，或者選擇一個(gè)新的段落6，再次引入圖片并設(shè)置圖片大小，同時(shí)設(shè)置圖片浮動(dòng)至段落的右邊；1使用css中的flaot屬性就可以了，首先打開Dreamweaver，創(chuàng)建html文件2然后先給頁面設(shè)置背景顏色，創(chuàng)建段落兩個(gè)段落，段落上面設(shè)置2張圖片的float屬性，分別讓它們左右浮動(dòng)，值為left和right，最后打開瀏覽器3打開瀏覽器后即可看到效果，兩張圖片分別浮動(dòng)在文本的左右兩邊，文字則是圍繞在圖片周圍。

4、這些屬性一般是用在css里面的在HTML里面，一般通過style來使用，如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)頁不再是一個(gè)平面的，而是一個(gè)有上下層次的網(wǎng)頁，只不過從屏幕上看相當(dāng)于俯視去看一個(gè)網(wǎng)頁，看出來的效果仍然是一個(gè)平面，但是側(cè)視圖去看的話就變成了上下層的結(jié)構(gòu)，這樣才會(huì)出現(xiàn)不同的div在不同的平面上，所以在你俯視去看的時(shí)候，他們可以并在一起，感覺。

5、檢查下兩個(gè)DIV的寬度width設(shè)置情況，在不定義position或者position屬性相同的情況下不控制div的寬度width，或者div被其內(nèi)部的內(nèi)容撐大，最終會(huì)導(dǎo)致浮動(dòng)異常不對齊排列解決辦法兩個(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í)有把酒問青天ltdiv 2然后輸入向右浮動(dòng)的文字，示例代碼如下ltdiv style=quotfloatrightquot不知天上宮闕，今夕是何年lt。