static, absolute, relative, fixed

static 是默认的 flow

 

absolute 是相对于该elment 第一个具有非static属性的parent的位移

 

                     position: absolute; top: 20px;left: 0px;.

 

 

relative 是该element相对于原本应该的位置的位移，原来应该是什么概念呢，就是指默认的static的情况下，注意虽然位置移动了，但是本来先给这个element保留的位置还是会被保留的

 

 

                    position: relative; top: -50px; left: 50px;.

 

 

fixed 是该element相对于browser 的window的位移， 不管浏览器的滚动条到哪里都会显示该element

 

                                 position: fixed; top: 20px; right: 0px;