如果想为元素设置层模型中的绝对定位,需要设置position:absolute(表示绝对定位),这条语句的作用将元素从文档流中拖出来,然后使用left、right、top、bottom属性相对于其最接近的一个具有定位属性的父包含块进行绝对定位。如果不存在这样的包含块,则相对于body元素,即相对于浏览器窗口。
其中“相对于其最接近的一个具有定位属性的父包含块进行绝对定位”这应该怎么理解?
就是谁是最接近的块状元素,比如设置一个div,设置位置position:absolute,那么最接近的就是浏览器窗口;如果在div添加一张图片,也设置position:absolute,那就是相对于div这个块状元素进行绝对定位了
比如你跟前站了一个人,你站在这个人的左边,此时把这个人的坐标点看作(0,0)然后算出你的位置,可能懂?