关于CSS定位

在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进行层次分级。一般用来做返回顶部和一些广告的插入。

你可能感兴趣的:(关于CSS定位)