1、代碼如下lthtml lthead lttitlejavascript實(shí)現(xiàn)div浮動(dòng)在網(wǎng)頁最頂上并帶關(guān)閉按鈕效果實(shí)例lttitle ltstyle type=quottextcssquot lt！ body margin0pxpadding0pxtextaligncenter TD FONTSIZE12pxCOLOR；HTML頁面的標(biāo)準(zhǔn)文檔流默認(rèn)布局是從上到下，從左到右，遇塊塊級(jí)元素?fù)Q行給元素的float屬性賦值后，就是脫離文檔流，進(jìn)行左右浮動(dòng)，緊貼著父元素默認(rèn)為body文本區(qū)域的左右邊框而此浮動(dòng)元素在文檔流空出的位置；肯定的，因?yàn)橄吕蚴腔诖a所有層級(jí)之后添加的標(biāo)簽iframe的層級(jí)優(yōu)先級(jí)是僅低于窗體級(jí)windowDOM的優(yōu)先級(jí)最高的標(biāo)簽解決方法新建一個(gè)iframe，浮動(dòng)，將原先要浮動(dòng)的div放入該iframe；不知道是不是這個(gè)效果，代碼ltdiv style=quotwidth200pxheight500pxborder1px solid #f00floatleftquotltdiv ltdiv style=quotwidth800pxfloatleftquot ltdiv style=quotwidth300pxheight200pxborder1px solid；或者我們也可以給box1設(shè)置左浮動(dòng)left，然后box2設(shè)置右浮動(dòng)right這樣，藍(lán)色div就會(huì)浮動(dòng)到左邊，而黃顏色的div就會(huì)浮動(dòng)到右邊總而言之，浮動(dòng)布局非常方便靈活，要靈活使用。

2、在div+css中浮動(dòng)不起作用，可能是原因是你設(shè)置flaot的這個(gè)元素不是塊級(jí)元素，所以float對(duì)它是不起任何作用的，如span和a這些標(biāo)簽，我這里寫個(gè)代碼lthtml lthead ltstyle sub 通過id實(shí)現(xiàn) width300px只是假；ltdiv id=”right”Rightltdiv ltdiv class=”clear” ltdiv ltdiv 2使用overflow屬性 此方法有效地解決了通過空標(biāo)簽元素清除浮動(dòng)而不得不增加無意代碼的弊端使用該方法是只需在需要清除浮動(dòng)的元素中定義CSS；接下來就要用到浮動(dòng)代碼了在4個(gè)DIV共用的a樣式中，加入左浮動(dòng)float left保存并刷新網(wǎng)頁可以看到已經(jīng)都在一行上了，而且是按照編碼順序從左到右排列的請(qǐng)點(diǎn)擊輸入圖片描述 我們?cè)賮碓囈幌掠腋?dòng)floatright；1浮動(dòng)使用命令floatleftfloatrightfloats三個(gè)值，默認(rèn)的是2你可以這樣寫ltdiv style=#39floatleft#39向左浮動(dòng)ltdiv 3浮動(dòng)后元素脫離正常的文檔流，相當(dāng)于在海平面上的一條船，給海平面不在同一；這個(gè)很簡單，別人發(fā)給你的代碼要是不懂得其中的原理一樣后面不曉得怎么運(yùn)行的原理，我這里說下怎么讓div一直浮動(dòng)在網(wǎng)頁的左下角的原理1首先讓這個(gè)div脫離文檔流 positionfixed2當(dāng)他脫離文檔流后我們就給這個(gè)div。

3、ltdiv flash代碼 ltdiv 一定要寫在外面flash 代碼 ltdivltdiv 這樣就可以了，不用設(shè)置他的 zindex 屬性 如果要調(diào)整div的位置，你可以用相對(duì)定位 positionrelative 來調(diào)節(jié) 例如ltdiv style=quotpositionrelative；第二種情況如果你的div是浮動(dòng)的，你只能把最左邊的div加到marginleft，或者把一個(gè)div放在所有浮動(dòng)div的外面，設(shè)置外面的寬度和邊距0pxauto這個(gè)也可以居中第三種情況將div設(shè)置為inlineblock然后將其父元素設(shè)置為text；完美的封裝了popUpBox這個(gè)類 這個(gè)類一共兩個(gè)公開方法 show 顯示 hidden 隱藏 其他功能請(qǐng)自行擴(kuò)展 不敢保證簡單，但每一行都寫了注釋 lt！DOCTYPE htmllthtmlltheadlttitleCSS 點(diǎn)擊文字或按鈕打開div浮動(dòng)層 lttitle；ltdiv id=quotmainquotlt！左邊內(nèi)容排版ltdiv id=quotmainleftquotltdivlt！右邊內(nèi)容排版ltdiv id=quotmainrightquotltdivltdivcss#main position relative border 1px solid #666 width 100；如果不采用float，不妨考慮Flex布局 這幾種布局都可以簡單實(shí)現(xiàn)，換行的話也是一行代碼即可，如下圖 以下是一個(gè)簡單的flex布局lt！思路讓原本每個(gè)子div都占據(jù)一行的變成五個(gè)一共占一行，在不使用float的情況下，使用flex；如果3個(gè)div上下排列，第三個(gè)div加上floatright的話，第三個(gè)div只是浮動(dòng)到頁面右面，不到到任何div下面你浮動(dòng)的是div，自然里面的文字不會(huì)浮動(dòng)了想要控制div里文字的話可以用屬性textalign，具體步驟如下1back。

4、JQuery實(shí)現(xiàn)將Div浮動(dòng)到網(wǎng)頁最上層可以通過Css的zindex屬性來進(jìn)行設(shè)置 具體代碼quotdivClassquotattrquotzindexquot，999原理通過JQuery給指定的div增加屬性#39zindex#39為#39999#39，將指定div的層次拉到最高，這個(gè)所謂的999；編輯這個(gè)網(wǎng)頁，在里面引入jquerypin具體代碼如下 ltscript src=quot191minjsquotltscript ltscript src=quotltscript 讓圖像div碰到屏幕頂后自動(dòng)隨著滾動(dòng)而懸。