欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

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

  發(fā)布時(shí)間：2016-09-05 16:35:58   作者：佚名   我要評論
小編之前遇到一次這個(gè)bug解決之后，今天又遇到，還是不明白，于是搜索發(fā)現(xiàn)解決方法很簡單，現(xiàn)在分享出來給大家一起看看。

產(chǎn)生原因
當(dāng)父元素的直接子元素或者下級子元素的樣式擁有position:relative屬性時(shí)，父元素的overflow:auto屬性就會失效。

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

代碼bug重現(xiàn)

復(fù)制代碼
代碼如下:

<ul>
<li>我是很努力的前端博客，希望你會喜歡</li>
<li>我是很努力的前端博客，希望你會喜歡</li>
<li>我是很努力的前端博客，希望你會喜歡</li>
<li>我是很努力的前端博客，希望你會喜歡</li>
<li>我是很努力的前端博客，希望你會喜歡</li>
</ul>


復(fù)制代碼
代碼如下:

ul{overflow:auto; height:100px;}
li{position:relative; height:30px; line-height:30px;}

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

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

以上就是這篇文章的全部內(nèi)容，希望對大家的學(xué)習(xí)和工作能有一定的幫助。

相關(guān)文章

最新評論