今天无意间在写公司的一个页面时，发现了一个很奇怪的Bug，我使用了box标签！

当时我把box标签放在了h1标签中使用。因为我设置了h标签的字体大为14px，照我的理解是，在IE浏览器下应该是12px才对的，但居然却变成了12px的效果。在谷歌浏览器下也是正常的，可是在火狐下虽然看起来也是12px的效果，但是有一些加粗的样子，但事实上，我对字体都没有任何设置与处理。最后我将box字体又设置为12px的时候，在谷歌,火狐浏览器下看是一切正常的，可是在IE浏览器下却不能出现异常了，我又将box的字体设置为14px时，在IE下浏览是正常的，火狐与谷歌浏览器字体却又变成了14px。当时真的想不明是什么原因， 故而使用了hack，直接在font-size前加了*，只能IE6和IE7有用，但对IE8来说又是火狐的化身，最后，经过长时间的研究，终于找到一个办法解决：

就是在标签前加*。

#title h1 box.sub_link{

background:none;

text-indent:0;

width:auto;

height:16px;

line-height:16px;

font-weight:normal;

vertical-align:text-bottom;

font-family:”宋体”;

font-size:12px;

}

#title h1 *box.sub_link {font-size:14px;}

看到了吧，嘿嘿，这就是解决所有IE浏览器的HACK哟。

还有专门针对IE7与IE6的

在标签前加下划线就可以了，请看：

#title h1 *box.sub_link{font-size:16px;}

注意哟，看清楚哟，* 和 _  所放的位置。