日本免费全黄少妇一区二区三区-高清无码一区二区三区四区-欧美中文字幕日韩在线观看-国产福利诱惑在线网站-国产中文字幕一区在线-亚洲欧美精品日韩一区-久久国产精品国产精品国产-国产精久久久久久一区二区三区-欧美亚洲国产精品久久久久

  1. 首頁 > 云知道 > >

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;即可

    推薦閱讀