IE6、7下li元素的子元素为dl,ul,ol时产生的bug

话不多说,先看测试代码

IE6、7下li元素的子元素为dl,ul,ol时产生的bug_第1张图片

该段代码在标准浏览器(包括IE8+)中的效果为:

IE6、7下li元素的子元素为dl,ul,ol时产生的bug_第2张图片

但在万恶的IE6和IE7中的却是这样的:

IE6、7下li元素的子元素为dl,ul,ol时产生的bug_第3张图片

外面看到li元素的子元素是列表元素时(既ul,ol,dl),li的顶部会莫名其妙的空出一段来,就像是给li设了一个padding-top一样。
解决方法:触发li的hasLayout属性,最好的方法是li设置 zoom:1

你可能感兴趣的:(IE6、7下li元素的子元素为dl,ul,ol时产生的bug)