1、ltDIV id=quotcontainerquot ltDI id=quotcontentquot lth1Contentlth1 ltp請改變?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絕對定位，相對的參考層是距離它最近的有position屬性的父層，沒有這種父層時，定位的參考是body標(biāo)記 top 0px層距離頂部。

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

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

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

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

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

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

9、div層的絕對定位不一定非要用 精確的數(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瀏覽器運行indexhtml頁面，此時“abc”的。

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

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

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

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