1、相對(duì)定位首先給div2使用 相對(duì)定位，用positionrelative來(lái)實(shí)現(xiàn)的，具體的代碼如下 html head titleCSSdiv定位title style type=#34textcss#34 div1 height100px width100px borderstylesolid bord。

2、如圖，可以看到紅顏色的div里面包含有藍(lán)顏色的div，在沒(méi)有特殊定位下，它們位置如圖所示接著我們把rtwo的position屬性設(shè)置為relative相對(duì)定位，然后設(shè)置left和top的值，表示往右和往下偏移20px接著看看設(shè)置相對(duì)定位之后的。

3、如果A在B的上級(jí)目錄下你要在B中點(diǎn)擊跳轉(zhuǎn)到A你就要這樣寫(xiě)了lta href=quotAhtmlquot，此時(shí)2個(gè)點(diǎn)就定位到了B的上級(jí)目錄，也就是和A同一個(gè)目錄了，這就是相對(duì)定位具體代碼看下圖。

4、可以實(shí)現(xiàn)圖中效果，代碼如下lthtml lthead ltmeta。

5、2ltimg src=quot#quot width=quot100quot height=quot100quot style=quot marginleft10pxquot 在圖片代碼里面加上margin屬性往右移就marginleft，往左移動(dòng)就marginright3給圖片加個(gè)class用相對(duì)定位做就可以了例ltstyle。

6、1將包含按鈕的父級(jí)標(biāo)簽設(shè)置為相對(duì)定位 d2 width500pxheight300pxbackground#positionrelative*設(shè)置相對(duì)定位* 2將按鈕設(shè)置為絕對(duì)定位，設(shè)置左邊的距離，頂部的距離 btn2 background#99ff00。

7、left10px代表原來(lái)位置向右移動(dòng)10px right10px代表原來(lái)位置向左移動(dòng)10px bottom10px代表原來(lái)位置向上移動(dòng)10px，補(bǔ)充說(shuō)明一點(diǎn)原來(lái)位置是指不設(shè)置相對(duì)定位樣式所該處在位置研究一下，就明白了。

8、絕對(duì)定位positionabsolute 相對(duì)于具有定位屬性的負(fù)元素 移動(dòng)相對(duì)定位positionrelative 相對(duì)于以前的位置移動(dòng)，偏移前的位置保留不動(dòng)，后面的元素繼續(xù)顯示在以前的文檔流中固定定位 positionfiexd 相對(duì)于瀏覽器。

9、1要想讓圖片顯示在右上角，只需要使用float屬性即可達(dá)到目的打開(kāi)Hbuilder編輯器，在html空白文檔里輸入基本的結(jié)構(gòu)，這里設(shè)置一個(gè)外圍的div盒子，給一個(gè)class命名為container，給外圍的div加入css屬性，設(shè)置好高度寬度和背景。

10、小菜一碟，毛毛雨在你的ltbody中的整個(gè)代碼段外面再套一對(duì)ltdiv align=quotcenterquotltdiv標(biāo)簽，在ltbody中加入屬性style=quotmargintop 0pxquot就像這樣ltbody style=quotmargintop 0pxquot ltdiv align=quot。

11、js網(wǎng)頁(yè)絕對(duì)定位相對(duì)定位，參考如下lthtml lthead ltmeta。

12、position relative 相對(duì)定位相對(duì)于其父級(jí)元素來(lái)定位生成相對(duì)定位的元素，相對(duì)于其正常位置進(jìn)行定位因此，quotleft20quot 會(huì)向元素的 LEFT 位置添加 20 像素absolute 絕對(duì)定位 ，通過(guò) top，left 樣式來(lái)絕定元素位置。

13、如果父級(jí)沒(méi)有設(shè)定position屬性，那么當(dāng)前的absolute則以瀏覽器左上角為原始點(diǎn)進(jìn)行定位，如果設(shè)置了父級(jí)的position屬性為relative相對(duì)定位，那么默認(rèn)依據(jù)父級(jí)的坐標(biāo)原始點(diǎn)為原始點(diǎn)，即父級(jí)容器的左上角配合TOPRIGHTBOTTOM。

14、代碼效果不過(guò)，在容器里使用了padding的話，會(huì)改變?nèi)萜鞯拇笮。栽趯?xiě)代碼之前要先計(jì)算好容器的大小及padding2margin外邊距代碼效果3絕對(duì)定位positionabsolute top50px left20px讓文字內(nèi)容相對(duì)div。

15、首先解釋relative相對(duì)定位，顧名思義，定位是相對(duì)的，那他是相對(duì)于什么呢參照物是什么 看如下代碼2預(yù)覽效果，現(xiàn)在是三個(gè)并列的div 3給中間的div增加定位屬性positionrelative top10px left10px4預(yù)覽。