FFFFFFanQ君
2016-03-05 14:36
position:relative; left:100px; top:50px; 和 position:absolute; left:100px; top:50px; 我看右边的效果是一样的,所以应该怎样理解绝对和相对的问题呢?
绝对定位:如果父元素有position属性,就相对于父元素位置定位,父元素没有position属性就相对body元素定位,就是相对浏览器窗口定位;
相对定位:相对自身原来的初始位置定位,因为你原来的div的初始位置是左上角,所以结果就和绝对定位一样咯,你试下让div元素在其他地方再相对定位,就可以看出区别了。
绝对是相对对于浏览器(body)而言的,而相对定位是相对父元素的位置而言的,而且相对定位偏移前的位置是被占用的,无法覆盖
相对定位是先有一个参照物,然后上下左右是根据这个参照物来说的。
绝对是不可变的,不管你的屏幕尺寸是多大,相对是可变的,根据你的屏幕大小自己改变
初识HTML(5)+CSS(3)-升级版
1225810 学习 · 18234 问题
相似问题