IE6、7下li元素的子元素为dl,ul,ol时产生的bug
2013-01-14 19:04
344 查看
话不多说,先看测试代码
![](http://img.my.csdn.net/uploads/201301/14/1358161585_5303.jpg)
该段代码在标准浏览器(包括IE8+)中的效果为:
![](http://img.my.csdn.net/uploads/201301/14/1358161676_3110.png)
但在万恶的IE6和IE7中的却是这样的:
![](http://img.my.csdn.net/uploads/201301/14/1358161741_8793.png)
外面看到li元素的子元素是列表元素时(既ul,ol,dl),li的顶部会莫名其妙的空出一段来,就像是给li设了一个padding-top一样。
解决方法:触发li的hasLayout属性,最好的方法是li设置 zoom:1
![](http://img.my.csdn.net/uploads/201301/14/1358161585_5303.jpg)
该段代码在标准浏览器(包括IE8+)中的效果为:
![](http://img.my.csdn.net/uploads/201301/14/1358161676_3110.png)
但在万恶的IE6和IE7中的却是这样的:
![](http://img.my.csdn.net/uploads/201301/14/1358161741_8793.png)
外面看到li元素的子元素是列表元素时(既ul,ol,dl),li的顶部会莫名其妙的空出一段来,就像是给li设了一个padding-top一样。
解决方法:触发li的hasLayout属性,最好的方法是li设置 zoom:1
相关文章推荐
- IE6、7下li元素的子元素为dl,ul,ol时产生的bug
- IE6、7下li元素的子元素为dl,ul,ol时产生的bug
- div+css布局必了解的列表元素ul ol li dl dt dd详解
- DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义
- IE6下li会继承ul属性的bug、产生条件、解决办法
- 列表元素ul ol li dl dt dd释义
- 网页布局中常用的列表元素ul ol li dl dt dd讲解
- li中嵌套ul在ie6,7下的bug
- 列表元素ul ol li dl dt dd
- DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义
- 发现IE6、IE7下列表li中内联块级元素的错位bug
- div+css布局必了解的列表元素ul ol li dl dt dd详解
- DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义
- div+css布局必了解的列表元素ul ol li dl dt dd详解
- DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义
- 列表元素ul ol li dl dt dd释义
- DIV CSS网页布局中常用的列表元素ul ol li dl dt dd释义
- ie6-7下的li内有浮动元素后导致多出了4px的高度的bug
- html学习笔记,锚点,超链接,table布局,表头,h,sub,blockquote,ul,li,ol.dl,加入收藏,打印,弹出窗口
- dl,dt,dd,ul,li,ol区别及运用