html讓文字一部分靠左顯示，另外一部分靠右顯示的代碼如下1使用float樣式，讓文字左右浮動即可，先輸入向左浮動的文字，示例代碼如下ltdiv style=quotfloatleftquot明月幾時有把酒問青天ltdiv 2然后輸入向右浮動的文字，示例代碼如下ltdiv style=quotfloatrightquot不知天上宮闕，今夕是何年lt；1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltscript標(biāo)簽，輸入js代碼ltdiv style=quotbackground urlsmall2png height 60pxquot ltspan style=quotposition absoluteright 10pxquot123ltspan ltdiv 3瀏覽器運行indexhtml頁面，此時文字成功浮動到；設(shè)置div樣式 zindexauto auto可定義為一個值整數(shù)數(shù)字，越大代表越置前，如可定義為 zindex999前提是div是定位元素代碼實例如下1lthtml 2 ltbody 3ltstyle type=quottextcssquot 3div1 width 200px height 100px background red float left 5div2。

1首先打開dw之后，新建一個html簡單項目，輸入項目名稱后，就能新建一個html文件了2這時候在dw中就可以看到簡單的基本代碼，此時就能添加按鈕并設(shè)置跳轉(zhuǎn)頁面3為了測試點擊按鈕跳轉(zhuǎn)的測試，在這里利用button標(biāo)簽新建一個按鈕4然后在這里可以添加一個a標(biāo)簽，然后編寫一個測試的；我們用代碼實現(xiàn)左浮動，建設(shè)父子元素，把父元素設(shè)置為300PX的寬高，子元素設(shè)置100PX的寬高，然后把子元素div2左浮動一下，代碼floatleft實現(xiàn)效果如下，DIV2在div1的左方，其它代碼不變，我們只需要把浮動的代碼更改一下，就可以實現(xiàn)右浮動了，floatright下圖實際效果我們可以看到DIV實現(xiàn)了。

float和position為css的屬性，table是html的一個標(biāo)簽***一floatfloat是CSS的浮動屬性，常用到的有左浮動floatleft，右浮動floatright如下圖紅色框內(nèi)的文字，就是用到了浮動屬性floatleft左浮動***分割線******分割線***；1首先打開軟件，并創(chuàng)建一個新的html文件2創(chuàng)建新文件后，設(shè)置頁面背景顏色3在新文件中創(chuàng)建段落一，或者選擇一個段落4再引入圖片并設(shè)置圖片大小，這里就可以設(shè)置圖片浮動至段落的左邊5創(chuàng)建段落二，或者選擇一個新的段落6，再次引入圖片并設(shè)置圖片大小，同時設(shè)置圖片浮動至段落的右邊。

需求 假設(shè)高度默認(rèn)100px ，請寫出三欄布局，其中左欄右欄各為300px，中間自適應(yīng) 將左右的div寬度設(shè)為300px，分別左右浮動，中間盒子不設(shè)寬度注意先寫右邊盒子，再寫中間盒子，否則先渲染中間盒子，中間盒子會占滿該行剩下的寬度，右邊盒子只能換行顯示，就會出現(xiàn)下面的情況 正常的渲染效果如下；2left和right容器向兩邊浮動主要代碼如下lt！DOCTYPE htmllthtmlltmeta charset=quotutf8quotlthead lttitle使用flex 實現(xiàn)“雙飛翼布局”lttitleltheadltstyle type=quottextcssquot #main display flex display webkitflex谷歌瀏覽器加前綴 flexflow row nowrap justifycontent flexstart；floatleftright 2float參數(shù)值介紹float對象不浮動 floatleft對象浮在左邊 floatright對象浮在右邊 3float值使用說明float屬性的值指出了對象是否及如何浮動當(dāng)該屬性不等于引起對象浮動時，對象將被視作塊對象blocklevel，即display屬性等于block html靠左靠右；1浮動布局ltstylehtml，bodymargin0 padding0div1 floatleft width80% height600px backgroundcolorreddiv2 floatleft width80% backgroundcolorgreendiv3 floatright width20% backgroundcolorblueltstyleltdiv class=quotdiv1quot寬80%，高600pxlt；圖片居右的html代碼用align=quotrightquot，來讓圖片居于右邊如代碼lthtmlltbodyltimg src=quot圖片路徑quot align=quotrightquot ltbodylthtml用浮動，來讓圖片居于右邊如代碼lthtmlltbodyltdiv style=quotfloatrightquotltimg src=quot圖片路徑quotltdivltbodylthtml用定位，來讓圖片居于右邊如。

HTML代碼ltdiv id=quotleftquot ltp我是左側(cè)浮動窗口的內(nèi)容ltpltdivltdiv id=quotrightquot ltp我是右側(cè)浮動窗口的內(nèi)容ltpltdivCSS代碼body * * 為body標(biāo)簽設(shè)置背景僅僅是為了演示效果 * 與浮動窗口本身無關(guān) * backgroundcolor #ccc#left， #right；在外面加個div就可以了，然后用css控制這個divltdiv style=quotdisplayblockpositionabsolute zindex999 right0 bottom0quot lt！你的表格 lttable style=quotwidth200pxheight200pxquot border=quot1quot lttrlttd1lttdlttd2lttdlttd3lttdlttr lttrlttd1lttdlttd；1使用css中的flaot屬性就可以了，首先打開Dreamweaver，創(chuàng)建html文件2然后先給頁面設(shè)置背景顏色，創(chuàng)建段落兩個段落，段落上面設(shè)置2張圖片的float屬性，分別讓它們左右浮動，值為left和right，最后打開瀏覽器3打開瀏覽器后即可看到效果，兩張圖片分別浮動在文本的左右兩邊，文字則是圍繞在圖片周圍。