这两天将网站的宽度从原先的770调整为990，顺便解决了一下原先网站浏览器兼容性差的问题。遇到这么几个问题，趁现在还记得，稍微总结一下。

    1。当一个div设置了clear属性之后，同时设置的margin属性在ie里正常，但在ff里无效。在网上找到一篇详细分析原因的帖子，原文见 http://bbs.blueidea.com/thread-2860555-1-1.html，大体的解决方案就是：将该div也设置成float 的就完了。即{clear:left;float:left;}

    2。ie7和ff3搞定后，群友一测，发现在ie6、8和ff2下有重大问题。ie6对margin、padding的解释与ie7不同，使得首页的“新 闻动态”部分显得高度比两边的板块少几个像素，带来的问题是下面的“免费技术讲座”飘到咨询qq的右侧，整个页面的布局完全乱套。在这儿就用到了ie的 hack了，在正常设置完height之后，再设置一个_height，专门为ie6做设置。相对完整的css hack可以参见http://www.aspxuexi.com/css/2007-5-12/css_hack.htm。

  3。ie8和ff2的问题虽然显示结果不同，但是由相同的原因引起的，就是独立的图片或者块假如没有用div包起来的话，产生的布局会不可预测，所以把成块的内容都放在div容器里就行了。