使用CSS层定位

CSS常用定位属性如下:

  1. position 检索对象的定位方式
    语法:position : static | absolute | relative
    static : 无特殊定位,对象遵循HTML定位规则
    absolute : 将对象从文档流中拖出,使用left,right,top,bottom等属性进行绝对定位。而其层叠通过z-index属性定义。
    relative : 对象不可层叠,但将依据left,right,top,bottom等属性在正常文档流中偏移位置
  2. z-index 检索或设置对象的层叠顺序
    语法: z-index:auto
    auto: 遵从父对象的定位
  3. 在本文流中,任何一个元素都被文本流所限制了自身的位置,但是通过CSS我们依然使得这些元素可以改变自己的位置,我们可以通过float来让元素浮动,我们也可以通过margin来让元素产生位置移动。但是事实上那并非是真实的位移,因为,那只是通过加大margin值来实现的相对定位。而真正意义上的位移是通过top,right,bottom,left针对一个相对定位的元素所产生的。