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

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

height
: 
150px
;

margin
: 
30px
0
;

overflow
: 
auto
;

position
: 
relative
;

}

6. Fixing the Broken Box Model

Internet Explorer曲解了“盒子模子”可能是最不可原谅的事情了。IE 6 这个半标准的浏览器回避了这个事情,但这个问题还是会因为IE运行在“怪异模式”下出现。

两个Div元件。一个是有fix的,一个是没有的。而他们不同的高和宽加上padding的总合却是不一样的。下图的上方是被修正的,下方则没有。

Tutorial Image

解决方法

我相信这个事情即不需要解释也不需要演示,这应该是大多数人都明白的。下面是一个很相当怪异的解决方案

 

#element{

width
: 
400px
;

height
: 
150px
;

padding
: 
50px
;

}

上面的定义也就是说: