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

height

: 

100px

;

margin

: 

30px

auto

;

}

下面是我们所期望的输出：

但IE却给我们这样的输出：

这应该是IE 6对margin的 auto 并没有正确的设置。但幸运的是，这是很容易被修正的。

解决方法

最简单的方法是在父元件中使用 text-align: center 属性，而在元件中使用 text-align: left 。

#container{
 
border
: 
solid
 
1px
 
#000
;
 
background
: 
#777
;
 
width
: 
400px
;

height

: 

160px

;

margin

: 

30px

0

0

30px

;

text-align

: 

center

;