css教程之定位属性

css教程之定位属性

一、position

position：static | relative | absolute | fixed

static 对象遵循常规流。此时4个定位偏移属性不会被应用。

relative 相对定位，存在占位，原来的元素位置不会变。

absolute 绝对定位，此时偏移属性参照的是离自身最近的定位祖先元素，如果没有定位的祖先元素，则一直回溯到body元素。

fixed 固定定位，相对屏幕定位，不会随页面移动

  .pos{
    position:absolute;
  }

二、z-index:1 层级显示 数字越大显示越前面

  .zindex{
    position:absolute;
    z-index:100;
  }

三、位置

top right bottom left （上 右 下 左）

值可以是具体像素或者百分比

  .div{
    top:10px;
    right:10px;
    bottom:10px;
    left:10px;
  }