css position定位

设置了position才能使 TOP,LEFT这些生效

absolute：绝对定位，若是它的父辈元素（包括祖先元素）有position:relative（或position:fixed），则以最近的父元素定位，若没有，则以浏览器定位

relative：相对定位，相对于本身原始位置定位，扔占有原有位置

 

相对定位：跟它的名同样，相对嘛，要有一个参照物，但这个参照不是别的，是它本身呢，也就是说没设相对定位的位置，那你会问了，设没设都在那个位置为何要设呢，由于只有设置了才能使 TOP,LEFT这些生效，也就是设了才能相对本身原来的位置偏移，原来的位置保留着，偏移后会把其它的层遮罩住。
绝对定位：在布局里不可能有绝对定位的，再怎么样都有一个参照位置的，绝对定位的参照位置就不像相对那样是本身了，至因而哪一个，就看它的上级或上上级有没有定位了，也就是有没有position:relative;或position:fixed了，好像position:inherit;也行，前面两个能够，后面那个不设什么的不用也行，最好用position:relative;吧,转入正题，当要绝对定位的层设好要参照位置的层后，就能够用TOP，LEFT这些来定位置了，若是它的上级或上上级都没定位的话只就会根据BODY的位置来定位了,还有最后一点，绝对定位是不占位置的，它会像PS的图层同样单独作一层，至于第几层你能够经过z-index:这个属性来设置