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

首頁 > 開發(fā) > CSS > 正文

css中position:relative和overflow:hidden之間的問題

2024-07-11 08:28:26
字體：大 中 小
供稿：網(wǎng)友
今天在做網(wǎng)頁的時(shí)候發(fā)現(xiàn)一個(gè)問題，在父標(biāo)簽中使用了overflow:hidden;時(shí)，如果子標(biāo)簽中有元素的position設(shè)置成relative的時(shí)候，在IE6和IE7中父元素的overflow對(duì)其將不起作用，在IE8、FF，Chrome中均正常顯示如下代碼：

復(fù)制代碼
代碼如下:
<div style="height:100px; width:100px; background:#CCC; overflow:hidden;">
<div style="height:300px; width:90px; background:#999; position:relative;"></div>
</div>

效果如下圖：
 
解決方案：將父標(biāo)簽的position也設(shè)置成relative，代碼如下：

復(fù)制代碼
代碼如下:
<div style="height:100px; width:100px; background:#CCC; overflow:hidden; position:relative;">
<div style="height:300px; width:90px; background:#999; position:relative;"></div>
</div>

效果如圖所示：
 
效果如上圖正常顯示。

發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板： 福清市| 甘泉县| 庄河市| 九江市| 保靖县| 孟州市| 石嘴山市| 上虞市| 绥芬河市| 台北市| 宾川县| 南江县| 武义县| 河源市| 鄂伦春自治旗| 百色市| 永吉县| 鲁山县| 民丰县| 崇信县| 平凉市| 延庆县| 东城区| 营口市| 九龙坡区| 玉门市| 济宁市| 日照市| 舟山市| 岳普湖县| 兰州市| 尉氏县| 都兰县| 昌乐县| 白银市| 曲阳县| 本溪市| 江华| 白玉县| 社旗县| 霍城县|