relative:相对定位,以父级的左上角进行定位,但是父级的Padding属性会对其影响。
absolute:绝对定位,以父级左上角为原点进行定位,父级的padding对其没有影响。
两者前半句都是一样的,不同的是absolute中padding对象是没有作用的,根据这些特性,可以总结出,属性为relative(相对定位)的元素可以用来布局页面,属性为absolute(绝对定位)的元素用来定位某元素在父级中的位置。如果用position来布局页面,父级元素的position属性必须为relative,而定位于父级内部某个位置的元素,最好用absolute。
定位(position)布局页面也有一个缺点,就是不能很好的自动适应页面内部元素的高度,所以布局页面,Float为主,Position为辅。