相對(duì)和絕對(duì)的問(wèn)題
position:relative; ????left:100px; ????top:50px; ????和 ????position:absolute; ????left:100px; ????top:50px; ????我看右邊的效果是一樣的，所以應(yīng)該怎樣理解絕對(duì)和相對(duì)的問(wèn)題呢？
FFFFFFanQ君
2016-03-05
4 回答
舉報(bào)
0/150
提交
取消
2016-03-05
絕對(duì)定位：如果父元素有position屬性，就相對(duì)于父元素位置定位，父元素沒(méi)有position屬性就相對(duì)body元素定位，就是相對(duì)瀏覽器窗口定位；
相對(duì)定位：相對(duì)自身原來(lái)的初始位置定位，因?yàn)槟阍瓉?lái)的div的初始位置是左上角，所以結(jié)果就和絕對(duì)定位一樣咯，你試下讓div元素在其他地方再相對(duì)定位，就可以看出區(qū)別了。
2016-03-05
絕對(duì)是相對(duì)對(duì)于瀏覽器（body）而言的，而相對(duì)定位是相對(duì)父元素的位置而言的，而且相對(duì)定位偏移前的位置是被占用的，無(wú)法覆蓋
2016-03-05
相對(duì)定位是先有一個(gè)參照物，然后上下左右是根據(jù)這個(gè)參照物來(lái)說(shuō)的。
2016-03-05
絕對(duì)是不可變的，不管你的屏幕尺寸是多大，相對(duì)是可變的，根據(jù)你的屏幕大小自己改變