暂无 |

27. IE6-7 li 底部有 3px 的问题

A
B
C
D
答案:
问题:
这个 bug 产生的充要条件是 li 的子元素浮动并且 li 设置了以下 CSS 属性之一:width、height、zoom、padding-top、padding-bottom、margin-top、margin-bottom。
解决:
1、div 设置 clear:left|both,这时 li 不能设置 width、height、zoom。
2、li 设置 float:left,这时 li 可以设置 width、height、zoom。
3、li 设置 clear:left|both,这时 li 不能设置 width、height、zoom。
4、IE6/IE7 的这个 Bug 可以通过给 li 中的 div 设置 vertical-align:top|middle|bottom 解决。
解释:
css兼容

发表评论

    评价:
    验证码: 点击我更换图片
    最新评论