html讓文字一部分靠左顯示，另外一部分靠右顯示的代碼如下1使用float樣式，讓文字左右浮動(dòng)即可，先輸入向左浮動(dòng)的文字，示例代碼如下ltdiv style=quotfloatleftquot明月幾時(shí)有把酒問青天ltdiv 2然后輸入向右浮動(dòng)的文字，示例代碼如下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瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)文字成功浮動(dòng)到；設(shè)置div樣式 zindexauto auto可定義為一個(gè)值整數(shù)數(shù)字，越大代表越置前，如可定義為 zindex999前提是div是定位元素代碼實(shí)例如下1lthtml 2 ltbody 3ltstyle type=quottextcssquot 3div1 width 200px height 100px background red float left 5div2。

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

float和position為css的屬性，table是html的一個(gè)標(biāo)簽***一floatfloat是CSS的浮動(dòng)屬性，常用到的有左浮動(dòng)floatleft，右浮動(dòng)floatright如下圖紅色框內(nèi)的文字，就是用到了浮動(dòng)屬性floatleft左浮動(dòng)***分割線******分割線***；1首先打開軟件，并創(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)至段落的右邊。

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

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