1、ltDIV id=quotcontainerquot ltDI id=quotcontentquot lth1Contentlth1 ltp請(qǐng)改變?yōu)g覽器窗口的高度，以觀察footer效果ltp ltp這里是示例文字，DIV固定，這里是示例文字ltp ltDIV ltDIV Vid=quotfooterquot lth1Footerlth1 ltDIV ltDIV ltbody CSS代碼程序代碼 body，html。

2、ltdiv id=quotLayer1quot style=quotposition absolutetop 0pxleft 0pxquot ltimg src=quotimagesxlogojpgquot width=quot32quot height=quot32quot ltdiv position absolute絕對(duì)定位，相對(duì)的參考層是距離它最近的有position屬性的父層，沒有這種父層時(shí)，定位的參考是body標(biāo)記 top 0px層距離頂部。

3、div width300pxheight300pxpositionabsoultright500px 只是假設(shè)的數(shù)據(jù)，需要實(shí)際測(cè)量 top400px ltstyle lthead ltbody ltdiv我是測(cè)試文字ltdiv ltbody lthtml。

4、把兩個(gè)div放在一個(gè)父div里面，然后進(jìn)行浮動(dòng)即可下面我們一起來實(shí)現(xiàn)以下創(chuàng)建一個(gè)父div，然后創(chuàng)建兩個(gè)子div，代碼如下給div加上css樣式，分別給他們?cè)O(shè)置背景顏色，父div可以不設(shè)置，子div設(shè)置綠色，然后給div加上浮動(dòng)代碼即可，quotfloatleftquot我們來寫一下代碼下面我們來看一下運(yùn)行效果 DIV是層疊樣式。

5、這個(gè)好易，如果不網(wǎng)站布局不復(fù)雜可以定義那個(gè)兩個(gè)層 positionabsolute定義父親positionrelative或者positionabsolute然后定義頂層top15px再定義底層bottom15px數(shù)字可以變。

6、1利用js代碼首先創(chuàng)建一個(gè)div，documentcreateElement#39div#392確認(rèn)div添加位置，可以在某個(gè)dom元素后面，或者通過css屬性控制具體位置，主要通過lefttop等屬性控制3確定位置之后，顯示div即可示例比如html中有一個(gè)文本輸入框，我們現(xiàn)在需要在挨著輸入框右下角位置顯示一個(gè)divltinput type=quot。

7、你的div 基本上都用了position absolute這是將div采用絕對(duì)定位，我一般不這么做因?yàn)榻^對(duì)定位是以左上角為0，0定位你的div，跟換分辨率瀏覽設(shè)備很容易出現(xiàn)位置偏移，你把position absolute zindex 1刪除了應(yīng)該就對(duì)了。

8、1首先新建一個(gè)web項(xiàng)目，主要用到了html文件和css文件2然后在html文件中，有圖中的代碼，引入css文件和設(shè)置一個(gè)div標(biāo)簽3然后這里是css樣式文件，主要看圖中紅框中內(nèi)容，使用fixed定位方式4運(yùn)行項(xiàng)目后，可以看到div在右下角為了模擬這里的body高度設(shè)置很高，足夠滾動(dòng)條下拉到底部的5。

9、div層的絕對(duì)定位不一定非要用 精確的數(shù)值定位，還可以使用關(guān)鍵字， 以及百分比，你可以試試看 參考資料lta href=quot880211htmlquot target=quot_blankquot rel=quotnofollow noopenerquot880211htmllta。

10、需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2將indexhtml中的ltbody替換為ltbody style=quottextalign centerquot ltdiv style=quotmarginautowidth 200pxheight 70pxborder 1px solid bluetextalign leftquot ltspan。

11、需要準(zhǔn)備的材料分別有電腦瀏覽器html編輯器1首先，打開html編輯器，新建html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入html代碼ltdivltdivltdiv style=quotposition absolutetop 0zindex 1quotabcltdiv 3瀏覽器運(yùn)行indexhtml頁面，此時(shí)“abc”的。

12、用CSS限定網(wǎng)頁寬度，又讓一個(gè)DIV在網(wǎng)頁當(dāng)中居中，這里需要理解的是一個(gè)頁面的內(nèi)容區(qū)域，就是body，我們就是通過給body來設(shè)置一個(gè)寬度，來做限制，至于DIV的居中，首先是需要給這個(gè)div一個(gè)寬度和高度，然后在使用margin去做，margin的用法，如圖具體的實(shí)現(xiàn)看代碼lthtml lthead body width960px。

13、把外鏈接的JS加載到body后面，在這個(gè)JS里面用類似這樣的代碼var div = documentcreateElement#39div#39 新增元素var diva = documentgetElementById#39a#39 獲取id為a的元素div， diva 在這個(gè)元素前面增加上去。

14、相對(duì)布局，不能直接決定子組件的絕對(duì)位置，需要top，bottom，left，right4個(gè)屬性來配合，確定元素的位置適配性好，使用positionrelative相對(duì)定位，來定義組件的位置屬性只能在相對(duì)布局中使用，在絕對(duì)布局中不會(huì)顯示絕對(duì)布局也叫坐標(biāo)布局，直接就可以決定子組件的絕對(duì)位置，簡(jiǎn)單直接就可以定位，但是由于。

15、ltdiv id=divImg ltimg src=testgif ltdiv ltscript function hidImg documentgetElementByIdquotdivImgquotstyledisplay=quotquot setTimeoutquothidImgquot，2000 2000ms后隱藏顯示圖片的div ltscript。