position 属性值
static：默认的文档流的布局的方式，块级元素生成一个矩形框，作为文档流的一部分，行内元素则会创建一个或多个行框，置于其父元素中。（忽略 top, bottom, left, right 或者 z-index 声明）。
relative：相对于原来的位置进行偏移，完成的过程是首先按static(float)方式生成一个元素，相对于以前的位置，移动方向和幅度由left、right、top、bottom属性确定， 它原本所占的空间仍保留 。
absolute： 元素框从文档流完全删除 ，元素原先在正常文档流中所占的空间会关闭， 就好像元素原来不存在一样 ，根据父容器（必须是非static的定位的容器）进行位置定位。元素定位后生成一个块级框，而不论原来它在正常流中生成何种类型的框。
fixed： 固定在浏览器的某个位置，浏览器scroll时不会发生变化。
static就是默认的布局方式，这里不做介绍。
relative 相对定位
1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>CSS相对定位</title> 6 7 <style type="text/css"> 8 div {height: 100px; width: 100px; border: 1px solid #000; background-color: yellow;} 9 </style>10 </head>11 <body>12 <div class="box1">box1</div>13 <div class="box2">box2</div>14 <div class="box3">box3</div>15 </body>16 </html>
查看更多关于相对定位，绝对定位与固定定位详解的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://haodehen.cn/did72450