Position（定位）position可以带五个取值参数来描述absolute绝对定位；在文档流的布局之外，剩余空间由以下元素填充。定位的起始位置是最近的父元素（postion不是静态的），否则就是Body文档本身。相对相对定位；不偏离文档流的布局，只是改变了自己的位置，在文档流原来的位置留下了空白区域。定位从该元素在文档流中的原始位置开始。fixed固定定位；类似于absolute，但不会随着滚动条的移动而改变位置。静态默认值；默认布局。忽略top、bottom、left、right和z-index从父元素继承此属性的值absolute和fixed可以使元素脱离文档流。position属性只定义了元素的定位方式。要在想要的位置显示元素，需要使用以下属性（position:static不支持这些）：left：表示向元素左侧插入多少像素，向元素移动多少像素正确的。right：表示向元素右侧插入多少像素，将元素向左移动多少像素。top：表示向元素顶部插入多少像素，将元素向下移动多少像素。bottom：指示在元素下方插入多少像素以及将元素向上移动多少像素。以上属性的值可以为负数，单位：px。绝对定位（absolute）脱离了文档流的布局，剩下的空间由下面的元素填充。定位的起始位置是最近的父元素（postion不是静态的），否则就是Body文档本身。相对定位（relative）并没有脱离文档流的布局，只是改变了自己的位置，在文档流原来的位置留下了一块空白区域。定位从该元素在文档流中的原始位置开始。固定定位（fix）类似于absolute，但不会随着滚动条的移动而改变位置。默认定位（静态）表示此元素是默认定位方法。Inherit（继承）从父元素继承定位方法。1、父容器的position属性是相对的。从上图可以看出，div继承了父类的position属性（相对）；此时div-a并没有脱离文档流，而是相对于原来的位置向右偏移，留下了一个空位。指的是绝对定位的图形。注意：此时父容器的宽高没有设置，（见图），我们可以看到父容器的宽是100%，高度是自适应的。接下来，我们将父容器的定位改为absolute2，父容器的position属性为absolute。可以看到div-a脱离了文档流，相对于父容器向右偏移了350px，后面的div-b占据了它的位置。注意：此时我们可以发现父容器的宽高都是自适应的。然后我们正在研究两种情况。父容器的postion属性是静态的。父容器宽度为100%，高度自适应。父容器的位置属性是固定的。父容器的宽度和高度从这里自适应。我们不仅可以看到继承的特性。并且我们还发现了如下规律：当父容器没有设置宽高时，当父容器定位为相对静态且不脱离文档流时，宽度为100%；父容器定位为绝对固定时，离开文档流时，宽高自适应
