IE6、7下li元素的子元素为dl,ul,ol时产生的bug
话不多说,先看测试代码:
该段代码在标准浏览器(包括IE8+)中的效果为:
但在万恶的IE6和IE7中的却是这样的:
外面看到li元素的子元素是列表元素时(既ul,ol,dl),li的顶部会莫名其妙的空出一段来,就像是给li设了一个padding-top一样。
解决方法:触发li的hasLayout属性,最好的方法是设置 zoom:1
博学善思,自强不息
话不多说,先看测试代码:
该段代码在标准浏览器(包括IE8+)中的效果为:
但在万恶的IE6和IE7中的却是这样的:
外面看到li元素的子元素是列表元素时(既ul,ol,dl),li的顶部会莫名其妙的空出一段来,就像是给li设了一个padding-top一样。
解决方法:触发li的hasLayout属性,最好的方法是设置 zoom:1