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

首頁 > 開發 > CSS > 正文

ie7中overflow:auto無效的解決方法

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

產生原因
當父元素的直接子元素或者下級子元素的樣式擁有position:relative屬性時,父元素的overflow:auto屬性就會失效。

解決辦法
解決這個bug很簡單,在父元素中使用position:relative;即可解決該bug。

代碼bug重現

復制代碼
代碼如下:
<ul>
<li>我是很努力的前端博客,希望你會喜歡</li>
<li>我是很努力的前端博客,希望你會喜歡</li>
<li>我是很努力的前端博客,希望你會喜歡</li>
<li>我是很努力的前端博客,希望你會喜歡</li>
<li>我是很努力的前端博客,希望你會喜歡</li>
</ul>


復制代碼
代碼如下:
ul{overflow:auto; height:100px;}
li{position:relative; height:30px; line-height:30px;}

在ie7中是會出現奇怪bug,有滾動條出現,但是無法拉動滾動條。解決就是給ul{position:relative;}

IE7 float:right會換行
以前以為是ie6才會出現,沒想到ie7也同樣有這個bug,網上很多說把float:right的元素放在最前面,這是有多么2的想法啊。犧牲一個元素的位置來解決這個bug,有時候你自己看代碼時都有點無語,解決方法可以給父層加一個相對定位,然后給這個右邊加一個絕對定位來實現。我覺得這樣子比較靠譜點。

以上就是這篇文章的全部內容,希望對大家的學習和工作能有一定的幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 梧州市| 城步| 敖汉旗| 汉川市| 洪雅县| 洱源县| 宁城县| 遵化市| 广州市| 肥西县| 达孜县| 纳雍县| 黎平县| 金塔县| 泽库县| 贡山| 碌曲县| 保靖县| 连城县| 通州市| 汝城县| 丰顺县| 广丰县| 于田县| 裕民县| 临高县| 都江堰市| 奈曼旗| 连云港市| 龙里县| 屯昌县| 黄冈市| 常宁市| 将乐县| 广南县| 肃宁县| 三穗县| 繁峙县| 松江区| 大新县| 龙山县|