用position来精确调整div位置

用position来精确调整div位置

用position来精确调整div位置：大家都想调整div位置，有很多方法，但用position来精确调整div位置，是最精准的，可以精确到一个px，对于设计师而言，追求高质量的设计使用position必不可少！

新建一个html文件，我们输入div标签

接着我们使用style属性，一步步的进入到position

position有2种模式，第一种绝对位置absolute，第二种相对位置relative，接下来我们输入这个2种模式的代码

具体操作位置的有2个代码，其中一个是left意思是距离左边多少px，另外一个是top意思的距离顶部多少px，下面我们分别输入下去

我们保存看看效果，如下图，位置显示还是比较明显

我们解释下这个结果，绝对位置就是对浏览器页面左边和顶部的距离，相对位置就是距离正常的标题的距离，仔细看看红框内的距离顶部和左边的差距就知道了