開發(fā)中遇到了使用相對(duì)定位,發(fā)現(xiàn)谷歌瀏覽器和QQ瀏覽器渲染的方式不一樣,對(duì)應(yīng)父級(jí)定位不同
解決辦法
把需要定位的元素放在父級(jí)中的第一個(gè)子元素的位置
在實(shí)際使用中發(fā)現(xiàn)一個(gè)兼容性的問題岭佳,position:relative是指針對(duì)上級(jí)目錄的相對(duì)決定定位,他是浮動(dòng)在頁面上的,但是相對(duì)父級(jí)是占有空間的铣猩,實(shí)驗(yàn)證明他們的top屬性針對(duì)的對(duì)象不一致:firefox chome IE7、8等不會(huì)出問題茴丰,就是針對(duì)他的直接parent y坐標(biāo)定位达皿,但是遨游、騰訊等ie內(nèi)核的包裝瀏覽器就會(huì)不一樣贿肩,他們針對(duì)的是書寫位置的上一個(gè)直接對(duì)象峦椰,這樣做出來的浮動(dòng)層在瀏覽器下就不兼容了,y坐標(biāo)不統(tǒng)一