css关于relative和absolute的用法

absolute是绝对定位；而relative是相对定位；

absolute：如果父级元素没有position属性，则子集元素相对于浏览器的左上角定位；如果父级设定position属性，并且设定left，right，top，bottom，则按照父级左上角开始定位，如果其中一个不满足，则按照浏览器左上角定位。

relative：无论父级元素有没有position，或者有没有设定左右上下，均以父级的左上角进行定位，但父级的padding对其有影响。

如果用position来布局的时候，父级用relative属性，父级内部用absolute，这样能保证随着显示器的分辨率变化，而布局不会改变，如果内部用relative的话，一定要考虑padding的影响。

布局用position的缺点，不会自适应内部元素的高度，如果内部某些模块高度固定，则可以使用position定位，否则推荐使用float定位。