最常见IE的Bug及其fix修复方法

2020-05-11 08:13:35易采站长站整理
0
0
30px
;

border
: 
solid
1px
#36F
;

display
: 
inline
;

}

4. 无法设置微型高度

我们发现在IE中使用 height: XXpx 这样的属性无法设置比较小的高度。下面是个例子(注意高度是2px):

 

#element{

background
: 
#95CFEF
;

border
: 
solid
1px
#36F
;

width
: 
300px
;

height
: 
2px
;

margin
: 
30px
0
;

}

期望结果: 2px的元件加1px的边框.

Tutorial Image

IE的结果:

Tutorial Image

解决方案一

这个BUG的产生原因很简单,IE不允许元件的高度小于字体的高度,所以,下面的fix是设置上字体大小。