关闭

IE 跟人家不一样的一些地方

113人阅读 评论(0) 收藏 举报

1、IE6下DIV的默认高度问题

IE6下默认的字体尺寸大致在 12 - 14px 之间,具体看你页面上的设置,当你试图定义一个高度小于这个默认值的 div 的时候, IE 会固执的认为这个层的高度不应该小于字体的行高。所以即使你用 height: 6px; 来定义了一个 div 的高度,实际在 IE 下显示的仍然是一个 12 px 左右高度的层,甚至max-height也不能解决。

 

要解决这个问题,可以强制定义该 div 的字体尺寸,或者定义 overflow 属性来限制 div 高度的自动调整。比如 <div style="height: 6px; font-size: 0;"></div>或者<div style="height: 6px; overflow: hidden;"></div> 都可以阻止 IE 的自作聪明。

 

该问题在 IE7 / Firefox /Opera 下均不存在。


2、IEdiv里面的内容如果太高或太宽 div的宽度会自己变长(没设置overflow)


3、IE width包括边框 important overflow:hidden;!!!!!!!!!!!!

<div style="border:50px solid red;height:50px;width:150px;overflow:hidden;">border:50px solid red;height:50px</div>
<div style="border:50px solid red;height:150px;width:50px;overflow:hidden;">border:50px solid red;width:50px</div>


4、IE:width包括border/padding;其他:width不包括padding

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:20114次
    • 积分:659
    • 等级:
    • 排名:千里之外
    • 原创:46篇
    • 转载:6篇
    • 译文:0篇
    • 评论:0条
    文章分类