国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > CSS > 正文

IE6/7在滾動區域內的標簽使用position會飄出這個滾動區域不隨滾動

2024-07-11 08:35:09
字體:
來源:轉載
供稿:網友

最近才發現IE6、IE7存在這樣一個BUG:在滾動區域(DIV中)內,如果里面的標簽使用了position(absolute/relative),則會飄出這個滾動區域,且不會隨滾動條而滾動(靜止不動)。如下所示(只在IE6和IE7中才會出現此BUG):

測試        

測試        

測試        

測試        

這個是測試文字        

測試        

測試        

測試        

測試        

代碼如下:


<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中,會發現“這個測試文字”不在滾動條區域內,由于代碼受本站此頁面代碼的影響,所以看不到那行測試文字(頁面未加載完時應該可以看到),大家可以復制代碼在本地測試。
解決的方法就是:給父級(即出現滾動條的元素)添加一個position:relative;即可

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 阿合奇县| 静安区| 双峰县| 伊通| 肇东市| 东丽区| 五寨县| 罗甸县| 朝阳县| 鄂伦春自治旗| 黎平县| 古蔺县| 湄潭县| 县级市| 周至县| 个旧市| 临江市| 河北省| 厦门市| 雷州市| 永和县| 日喀则市| 东乡县| 邛崃市| 顺义区| 兴城市| 张北县| 突泉县| 门源| 文安县| 二连浩特市| 井研县| 卢氏县| 绍兴市| 云和县| 堆龙德庆县| 连城县| 连平县| 尼木县| 双桥区| 长垣县|