css定位

将窗体自上而下分成一行行, 并在每行中按从左至右的顺序排放元素,即为文档流。脱离文档流的方式有浮动和定位。
css中定位用position属性。

值	描述
absolute	生成绝对定位的元素，相对于 static定位以外的第一个父元素进行定位。元素的位置通过 "left","top","right"以及"bottom"属性进行规定。已脱离文档流，其它盒子会无视这个元素。
relative	生成相对定位的元素，相对于其正常位置进行定位。相对于自己原来的位置偏移，一般用于微调，对后面的元素不造成位置影响。
fixed	生成绝对定位的元素，相对于浏览器窗口进行定位。比如一些网站打开后的广告条一直处在网页右侧中部就是用fixed来定位的。
static	默认值。没有定位，元素出现在正常的流中（忽略 top, bottom, left, right 或者 z-index 声明）。
inherit	规定应该从父元素继承 position 属性的值。

demo图片

代码:

    
    



111
 
222
 
333
  
444