positionfixed也是相对定位，相对于窗口的；3给中间的div增加定位属性positionrelative top10px left10px4预览效果5很明显它现在移动的参照物就是它原来所占据的位置 注意看代码top10pxleft10px 也就是相对于顶部下移10px，相对于左边，向右移。

CSS元素定位主要有四种类型静态定位Static相对定位Relative绝对定位Absolute和固定定位Fixed1 静态定位Static这是元素的默认值，即元素在文档的正常流中定位静态定位的元素不会受到 top。

css相对定位代码怎么用

这里是div1的内容 注将父窗口div的position属性设置为相对定位，div1的position设置为absolute，则div1会相对于父窗口进行定位。

绝对定位表示不管是几级元素，都以浏览器上边框top，左边框left，右边框right，下边框bottom来定位相对定位，则是以上一级父级元素为基准来定位 所以子div相对父div的定位用什么当然就要用 positionrelative。

代码如下 div2width100pxheight30px div3positionabsolutezindex1floatleftmarginleft100pxbackground#fff div2hoverdiv3zindex2 lt！div1，在这里没毛用 番茄 番茄。

相对定位首先给div2使用 相对定位，用positionrelative来实现的，具体的代码如下 html head titleCSSdiv定位title style type=#34textcss#34 div1 height100px width100px borderstylesolid bord。

box_relative position absoluteleft 30pxtop 20px 二相对定位 position relative相对定位相对定位是相对于元素在文档中的初始位置首先它出现在它所在的位置上即不设置position时的位置，然后通过设置。

而绝对定位就是指定一个绝对位置来作为目的地，比如“东经xxx度，北纬yyy度”，或者“广东省广州市xxx区yyy路zzz号”，这个位置就是固定的，不管你当前身处何地，这个目的地都是不变的css中的相对定位和绝对定位也是同样。

css相对定位和绝对定位详解

1、你设的宽度width320要加单位px 也就是width320px除了使用margin0 auto居中外，你用相对或绝对定位的话，想水平方向居中也可以加marginleft160px和left50%。

2、Relative 相对定位left 和top position relative*相对定位* left40px*在原来的位置向右移动* top100px*在原来的位置向下移动* 他的参照点是他原来位置 Absolute 绝对定位元素从原来的位置脱离，让出。

3、在CSS中，“position relative”是设置定位类型为相对定位，它可以配合“top”“bottom”“left”“right”这4个偏移量来实现相对它所属父元素的相对定位position属性规定元素的定位类型，这个属性定义建立元素布局所用。

4、relative相对定位 absolute绝对定位 给段代码做示例 绝对定位的div 这里设定的外部div为relative，那么里面的div的绝对定位就是相对外部的那个div来定位的。

5、position实际用处绝对定位position用于定位盒子对象，有时一个布局中几个小对象，不易用css paddingcss margin进行相对定位，这个时候我们就可以使用绝对定位来轻松搞定特别是一个盒子里几个小盒子不规律的布局，这个时候我们。

6、可以使用css中的position来对div进行定位来改变div的位置，position 属性值的含义static元素框正常生成块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中relative元素框。