用offsetTop和offsetLeft獲取div相對頂部和左邊的距離 代碼如下lt！DOCTYPE htmllthtml lang=quotenquotlthead ltmeta charset=quotUTF8quot lttitleDocumentlttitleltheadltbodyltdiv id=quotdiv1quot第一個(gè)divltdivltscri；或者 positionabsolute的那個(gè)祖先元素來定位，如果div#wrap的祖先元素都沒有positionrelative 或者 positionabsolute，那么div#content相對于ltbodyltbody來定位一旦外部的div#wrap是positionrelative 或者 pos。

第一種方法，定位法container positionrelativewidth800px container #leftDivpositionabsolutewidth200pxleft0top0 container #rightDivpositonabsolutewidth600pxleft200pxtop0 第二種，對#；相對定位首先給div2使用 相對定位，用positionrelative來實(shí)現(xiàn)的，具體的代碼如下 html head titleCSSdiv定位title style type=#34textcss#34 div1 height100px width100px borderstylesolid bord。

1使用CSS CSS讓DIV固定位置不隨滾動(dòng)條而滾動(dòng)， fixed元素的絕對位置是相對于HTML元素來說，滾動(dòng)條是body元素的1我們需要做的是，讓body保持其原有高度，讓html只有一個(gè)窗口那么高代碼我們可以這樣寫html；3給中間的div增加定位屬性positionrelative top10px left10px4預(yù)覽效果5很明顯它現(xiàn)在移動(dòng)的參照物就是它原來所占據(jù)的位置 注意看代碼top10pxleft10px 也就是相對于頂部下移10px，相對于左邊，向右移。

看例子以下只說id名代表p絕對定位positionabsolute如果bq1絕對定位外面沒有p等父標(biāo)簽，bq1會(huì)以body為父標(biāo)簽左邊距距body10像素，上邊距距body10像素如果bq4絕對定位在bq3相對定位里面，左邊距距bq310；注意在容器里使用了padding的話，會(huì)改變?nèi)萜鞯拇笮?，所以在寫代碼之前要先計(jì)算好容器的大小及padding代碼2margin外邊距代碼3絕對定位positionabsolute top50px left20px讓文字內(nèi)容相對div容器絕對定位。

67 在css標(biāo)簽內(nèi)，對id為bb的div進(jìn)行css樣式設(shè)置。

div相對定位和絕對定位

可以用css定位把一個(gè)div放到另一個(gè)div右下角1新建html文檔，在body標(biāo)簽中添加一個(gè)div標(biāo)簽，然后在這個(gè)div標(biāo)簽內(nèi)再添加一個(gè)div標(biāo)簽，為外面的div標(biāo)簽添加“container”類，里面的div標(biāo)簽添加“inner”類2在head標(biāo)簽內(nèi)。

網(wǎng)頁布局經(jīng)常用到相對定位和絕對定位，但是有些小伙伴對于相對定位和絕對定位還不是很了解，今天小編我就來給大家深入分析分析如圖，書寫兩個(gè)div，一個(gè)div里面包含有另一個(gè)div，并且分別給它們添加一個(gè)類然后我們使用*來。

div 相對于父div絕對定位

1、position的默認(rèn)值是static，也就是說對于任意一個(gè)元素，如果沒有定義它的position屬性，那么它的positionstatic如果你想讓這個(gè)#demo里的一個(gè)div#sub相對于#demo定位在右上角的某個(gè)地方，應(yīng)該給#demo相對定位，#sub絕對。

2、如何設(shè)置DIV層的相對位置，解決辦法利用js代碼首先創(chuàng)建一個(gè)div，documentcreateElement#39div#39確認(rèn)div添加位置，可以在某個(gè)dom元素后面，或者通過css屬性控制具體位置，主要通過lefttop等屬性控制確定位置之后，顯示div即可。

3、具體代碼左浮動(dòng) floatleft右浮動(dòng) floatright三定位布局 1靜態(tài)定位 positionstatic默認(rèn)值，不寫position相當(dāng)于寫上positionstatic以前沒學(xué)定位的時(shí)候其實(shí)都是靜態(tài)定位，元素在它原本的位置顯示，即使加了top。

4、我也在找怎么實(shí)現(xiàn)div3相對div1進(jìn)行定位，之前我自己做了一個(gè)容器，讓每個(gè)div3顯示在div1正右邊同一個(gè)位置，思路是每個(gè)div2和div3里面的內(nèi)容都寫成靜態(tài)代碼設(shè)置div3相對于div2進(jìn)行獨(dú)立定位positionabsolute設(shè)置div3。