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

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

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

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

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

div相對定位和絕對定位

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

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

div 相對于父div絕對定位

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

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

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

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