在CSS中关于定位的内容是:position:relative(相对定位)absolute(绝对定位) static (无定位) fixed(固定定位)
relative 不脱离文档流也不会改变元素的类型。它是相对自己来进行定位的,参考自身静态位置通过top , bottom , left ,right 来进行 定位,并且可以通过z-index进行层次分级。一般它会用来给absolute做父级。
absolute 会完全脱离文档流并且可以改变元素类型,也是通过 top, bottom, left, right 来进行定位,但是它是相对定位父级的来定位的,如果没有定位父级就相对body坐标原点进行定位,可以通过z-index进行层次分级。一般用来做小图标和一些简单的动态效果。
static没有特别的设定,所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位。遵循基本的定位规定,不能通过z-index进行层次分级。
fixed 完全脱离文档流且可以改变元素类型。它所固定的对像是浏览器窗口而并非是body或是父级元素。可通过z-index进行层次分级。一般用来做返回顶部和一些广告的插入。