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

首頁 > 開發 > CSS > 正文

IE6 Bug overflow:hidden失效

2024-07-11 08:26:33
字體：大 中 小
來源：轉載
供稿：網友
下面就是我所收集或遇到的IE6 Bug之一：overflow:hidden失效

當父元素的直接子元素或者下級子元素的樣式擁有position:relative屬性時，父元素的overflow:hidden屬性就會失效。

CSS代碼


復制代碼
代碼如下:
#parent{height:50px;overflow:hidden;}
#child a{position:relative;}

HTML代碼

復制代碼
代碼如下:
<div id="parent">
<div id="child">
<a >百度</a>

<a href="http://www.survivalescaperooms.com/">錯新站長站</a>

<a >服務器</a>

<a >查詢工具</a>

<a href="http://www.survivalescaperooms.com/softs">軟件下載</a>

<a href="http://www.survivalescaperooms.com/codes">源碼下載</a>

</div>
</div>

我們在IE 6內發現子元素會超出父元素設定的高度，即使父元素設置了overflow:hidden。
解決這個bug很簡單，在父元素中使用position:relative;即可解決該bug

即css


復制代碼
代碼如下:
#parent{height:50px;overflow:hidden;position:relative;}
#child a{position:relative;}

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板： 弥勒县| 东兰县| 老河口市| 运城市| 黔西| 霞浦县| 青海省| 贵港市| 革吉县| 阳西县| 灵川县| 芦山县| 辉南县| 兴隆县| 仁化县| 新津县| 桂东县| 金阳县| 杭锦后旗| 福泉市| 阿拉尔市| 平阴县| 都匀市| 龙南县| 大姚县| 甘孜县| 黄石市| 新和县| 怀仁县| 仙桃市| 岢岚县| 阜康市| 密山市| 建宁县| 富源县| 沂南县| 额济纳旗| 锡林郭勒盟| 台中县| 扎囊县| 稷山县|