莫名其妙的IE 3像素Bug

凡是做CSS的，估计没谁不抱怨ie的，但是又没办法，ie的市场占有率太高了。

 

最近做个九宫格的布局，很简单的，碰见ie莫名其妙的3像素bug，郁闷。

 

还好找到两种解决之道，记录之，以防遗忘（估计大部分的类似现象都可以用此解决）。

 

1、设置font-size：0；，这个应该是出现的此现象的凶手，貌似ie都有默认的文字大小问题。

 

2、如果不方便设置font-size，就设置margin-bottom:-3px;，利用负外边距弥补。

 

具体文件放在附件。