一、以下是引发此BUG的条件:
必要条件:
li的子元素设置了浮动(例如:本例中的a设置了左浮动)
充要条件:
(IE6/7)li设置了width、height、zoom 之一 (例如:本文中的li设置了width)
(仅IE7)li设置了padding-top、padding-bottom、margin-top、margin-bottom 之一
解决方案:
方案一
li设置clear:left|both,这时 li不能设置width、height、zoom。
方案二
li设置float:left,这时.hotel_rank .rank_ul li可以设置width、height、zoom。
方案三
给li中的a设置vertical-align:top|middle|bottom
来自:[url]http://blog.sina.com.cn/s/blog_60b35e8301016125.html[/url]
二、
原因:
这个bug产生的充要条件是li的子元素浮动并且li设置了以下CSS属性之一:width、height、zoom、padding-top、padding-bottom、margin-top、margin-bottom
解决方法:
IE6/IE7的这个Bug可以通过给li中的div设置vertical-align:top|middle|bottom解决。只要加上vertical-align的值是三者之一即可
来自[url]http://it.chinawin.net/application/article-17546.html[/url]
必要条件:
li的子元素设置了浮动(例如:本例中的a设置了左浮动)
充要条件:
(IE6/7)li设置了width、height、zoom 之一 (例如:本文中的li设置了width)
(仅IE7)li设置了padding-top、padding-bottom、margin-top、margin-bottom 之一
解决方案:
方案一
li设置clear:left|both,这时 li不能设置width、height、zoom。
方案二
li设置float:left,这时.hotel_rank .rank_ul li可以设置width、height、zoom。
方案三
给li中的a设置vertical-align:top|middle|bottom
来自:[url]http://blog.sina.com.cn/s/blog_60b35e8301016125.html[/url]
二、
原因:
这个bug产生的充要条件是li的子元素浮动并且li设置了以下CSS属性之一:width、height、zoom、padding-top、padding-bottom、margin-top、margin-bottom
解决方法:
IE6/IE7的这个Bug可以通过给li中的div设置vertical-align:top|middle|bottom解决。只要加上vertical-align的值是三者之一即可
来自[url]http://it.chinawin.net/application/article-17546.html[/url]