css：如何减少浏览器兼容问题

    一年来，差不多积累了4000行的css写作经验。每完成一个div+css的网页，首先要做的就是浏览器兼容。从最开始的只能兼容ie，到这个学期的兼容FF，心中还是有了一点满足。让我最为感慨的是，兼容ie6的问题。

    ie6一直为人口病，我感觉也是很麻烦。基本上，现在写的每个网页在FF中，ie7中都没问题，但到了ie6中，就出现了很大的问题。

    在这一年里，我发现以下几点在兼容性比较多的问题。

1.在ie6里的基本上是盒模型比7与FF的大那么一点。于是，就造成了几个flow：left；的几个同一行的div出现折行的现象。一般而言，只要找出现问题的div，用overflow:hidden;就可以搞定。

2.关于在ff中，在宽度都 相同的情况下，几个上下排列“目”字形的div，经常会出现最后一个div会在第一个div重合了起来，一般而言，只要在最后一个div加上：clear：both；就可以解决问题了。

3.在布局时，margin的定位，往往会出现很多问题，因此，如果用padding也能达到同样的布局效果的话，优先采用padding。因为，用margin时，会引起加倍，3px等问题。而用padding等，就不会引起这些情况。这样，就可以大大减少后期调试兼容的工作量。

4.使用盒模型布局时，div的长宽，如果不要求自动适应长宽的，能够定下来的，就定下来，这样也能减少不少在各浏览器显示不一致的问题。

    以上是我的一些经验。如果不对，还请各位指正。毕竟我还是菜鸟一个。