用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来实现的，具体的代码如下 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预览效果5很明显它现在移动的参照物就是它原来所占据的位置 注意看代码top10pxleft10px 也就是相对于顶部下移10px，相对于左边，向右移。

看例子以下只说id名代表p绝对定位positionabsolute如果bq1绝对定位外面没有p等父标签，bq1会以body为父标签左边距距body10像素，上边距距body10像素如果bq4绝对定位在bq3相对定位里面，左边距距bq310；注意在容器里使用了padding的话，会改变容器的大小，所以在写代码之前要先计算好容器的大小及padding代码2margin外边距代码3绝对定位positionabsolute top50px left20px让文字内容相对div容器绝对定位。

67 在css标签内，对id为bb的div进行css样式设置。

div相对定位和绝对定位

可以用css定位把一个div放到另一个div右下角1新建html文档，在body标签中添加一个div标签，然后在这个div标签内再添加一个div标签，为外面的div标签添加“container”类，里面的div标签添加“inner”类2在head标签内。

网页布局经常用到相对定位和绝对定位，但是有些小伙伴对于相对定位和绝对定位还不是很了解，今天小编我就来给大家深入分析分析如图，书写两个div，一个div里面包含有另一个div，并且分别给它们添加一个类然后我们使用*来。

div 相对于父div绝对定位

1、position的默认值是static，也就是说对于任意一个元素，如果没有定义它的position属性，那么它的positionstatic如果你想让这个#demo里的一个div#sub相对于#demo定位在右上角的某个地方，应该给#demo相对定位，#sub绝对。

2、如何设置DIV层的相对位置，解决办法利用js代码首先创建一个div，documentcreateElement#39div#39确认div添加位置，可以在某个dom元素后面，或者通过css属性控制具体位置，主要通过lefttop等属性控制确定位置之后，显示div即可。

3、具体代码左浮动 floatleft右浮动 floatright三定位布局 1静态定位 positionstatic默认值，不写position相当于写上positionstatic以前没学定位的时候其实都是静态定位，元素在它原本的位置显示，即使加了top。

4、我也在找怎么实现div3相对div1进行定位，之前我自己做了一个容器，让每个div3显示在div1正右边同一个位置，思路是每个div2和div3里面的内容都写成静态代码设置div3相对于div2进行独立定位positionabsolute设置div3。