欧美日韩国产一区二区|qovd片|小明个人发布看看|小浪货你夹真紧水又多|老头把我添高潮了A片故|99热久久精品国产一区二区|久久久春色AV

  1. 首頁 > 生活經(jīng)驗(yàn) > >

IE6/7在滾動區(qū)域內(nèi)的標(biāo)簽使用position會飄出這個滾動區(qū)域不隨滾動條滾動

最近才發(fā)現(xiàn)IE6、IE7存在這樣一個BUG：在滾動區(qū)域（DIV中）內(nèi)，如果里面的標(biāo)簽使用了position（absolute/relative） ， 則會飄出這個滾動區(qū)域，且不會隨滾動條而滾動（靜止不動） 。如下所示（只在IE6和IE7中才會出現(xiàn)此BUG）：
測試
測試
測試
測試
這個是測試文字
測試
測試
測試
【IE6/7在滾動區(qū)域內(nèi)的標(biāo)簽使用position會飄出這個滾動區(qū)域不隨滾動條滾動】測試

代碼如下：

復(fù)制代碼代碼如下:
div style="height:60px;overflow:auto;border:1px #ccc solid;"
p測試/p
p測試/p
p測試/p
p測試/p
p style="position:relative;color:red;"這個是測試文字/p
p測試/p
p測試/p
p測試/p
p測試/p
/div


在IE6或IE7中，會發(fā)現(xiàn)這個測試文字不在滾動條區(qū)域內(nèi)，由于代碼受本站此頁面代碼的影響，所以看不到那行測試文字（頁面未加載完時應(yīng)該可以看到） ， 大家可以復(fù)制代碼在本地測試 。
解決的方法就是：給父級（即出現(xiàn)滾動條的元素）添加一個position:relative;即可

相關(guān)經(jīng)驗(yàn)推薦