CSS中position属性的总结使用

relative：相对它原来的位置偏移

absolute：相对最外层的元素定位（官网：相对于 static 定位以外的第一个父元素进行定位。）

fixed：相对浏览器窗口定位

应用实例：

固定footer在页面底部

<div class="container">
<div cass="header"></div> 

<div class="body"></div>
<div class="footer"></div>
</div>

.container{position:relative;width:100%;min-height:100%;}      特别说明：

.body{padding-bottom:70px;}                                                   footer的postion换成absolute就可以随滚动条拉动
.footer{position:fixed;bottom:0px;left:0px;height:70px;}       为什么container要用到position:relative，因为用relative后，footer为absolute就是以它为包含块