绝对定位positionabsolute 相对于具有定位属性的负元素 移动相对定位positionrelative 相对于以前的位置移动，偏移前的位置保留不动，后面的元素继续显示在以前的文档流中固定定位 positionfiexd 相对于浏览器；相对定位positionrelative 1它可以在四个方向分别或者同时进行偏移 2定义时它的参照物是父元素没有时为浏览器本身3偏移后元素的原来位置还是被占着，并没有空出来 4当父元素和子元素同时定义时，他们的参照物。

positionabsolute这个是绝对定位是相对于浏览器的定位比如positionabsoluteleft20pxtop80px这个容器始终位于距离浏览器左20px，距离浏览器上80px的这个位置positionrelative是相对定位，是相对于前面的容器定位；相对定位首先给div2使用 相对定位，用positionrelative来实现的，具体的代码如下 html head titleCSSdiv定位title style type=#34textcss#34 div1 height100px width100px borderstylesolid。

普通文档流中其这元素的布局就像绝对定位的元素不存在时一样它相对于最近的已定位的祖先元素如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块根据用户代理的不同，最初的包含块可能是画布事HTML元素因为绝对定位；一相对定位 relative 1参照物为自身2相对定位只改变显示的位置，而不会改变占用的空间位置3关于距离的正负值 二绝对定位 absolute 1参照物为具有定位属性的父元素PS如果距离当前最近的父元素不具有定位属性。

绝对定位absolute将被赋予此定位方法的对象从文档流中拖出，使用left，right，top，bottom等属性相对于其最接近的一个最有定位设置的父级对象进行绝对定位，如果对象的父级没有设置定位属性，即还是遵循HTML定位规则的，则。

html相对定位的特点

如果父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，如果设置了父级的position属性为relative相对定位，那么默认依据父级的坐标原始点为原始点，即父级容器的左上角配合TOPRIGHTBOTTOM。

1新建一个html文件输入两个div标签，接着使用style属性，分别给div设置为绝对定位absolute和相对定位relative，让他们其中全部向左移动20px，向上移动30px的距离2然后保存文件打开浏览器看看效果，位置显示还是比较明显的。

当子盒子绝对定位，父盒子绝对定位相对定位，则子盒子基于父盒子左上角定位。

left10px代表原来位置向右移动10px right10px代表原来位置向左移动10px bottom10px代表原来位置向上移动10px，补充说明一点原来位置是指不设置相对定位样式所该处在位置研究一下，就明白了。

相对定位元素会相对于它在正常流中的默认位置偏移 具体实现步骤如下 1设计一个html页面，一个标签元素div或者ul里，放入多行数据 2设计最外层容器样式文件 3设计每一行的样式 4最后，设计靠右对齐的样式 5此时页面。

1将包含按钮的父级标签设置为相对定位 d2 width500pxheight300pxbackground#positionrelative*设置相对定位* 2将按钮设置为绝对定位，设置左边的距离，顶部的距离 btn2 background#99ff00。

position relative 相对定位相对于其父级元素来定位生成相对定位的元素，相对于其正常位置进行定位因此，quotleft20quot 会向元素的 LEFT 位置添加 20 像素absolute 绝对定位 ，通过 top，left 样式来绝定元素位置。

html相对定位和绝对定位

代码就不写了，思路就是当浏览器滚动到某个位置时改变元素的position属性比如当浏览器的scrollTop 500时，就改变元素的positionifscrollTop 500 = #39fixed#39 else。

小菜一碟，毛毛雨在你的ltbody中的整个代码段外面再套一对ltdiv align=quotcenterquotltdiv标签，在ltbody中加入属性style=quotmargintop 0pxquot就像这样ltbody style=quotmargintop 0pxquot ltdiv align=quot。

1绝对定位 绝对定位指的是通过规定HTML元素在水平和垂直方向上的位置来固定元素，基于绝对定位的元素不会占据空间绝对定位的位置声明是相对于已定位的并且包含关系最近的祖先元素如果当前需要被定位的元素没有已定位的祖先。