css position

.xx {

    position:relative;

    top:100px;

}

相对于自己在界面的正常位置,进行相对位移;所占的界面空间依然在原来的位置,也就是说在它下面的元素位置不会改变;

.xx {

position:absolute;

top:100px;

}

相对于父元素进行绝对定位;空间使用新定位的空间位置;

注:如果父元素设置position:relative 就以父元素为参考点,反之以body为参考点。

可以在这里 W3School在线测试工具 V2 感受下

推荐阅读更多精彩内容