Css在IE和FF的不同

在网上看过一些IE和FF的不同，但是写的很片面的。其实写页面的时候，用不到那么多所谓的HACK，只是因为CSS写的有一些问题导致的。自己陆续来写一些平时工作的总结。

1. float后块级元素有双倍距的问题，据我所知，这种情况只存在与最靠近外围容器的左右两边的元素才会
    产生这个问题。 解决办法设置成display:inline，或者这种情况下最好是靠外围元素来写PADDING来控制一些补白。
    没有float属性的外层box不会自动计算高度，要计算高度，必须在内层最后一个box加入clear:both。Opera netscape、mozilla等不会计算外层box高度，但是微软ie6会自动计算外层高度。

2. margin-top的问题，这个也是一样在最靠近外围元素的地方产生，一般是FF没有距离。

3. ie有时候不清除浮动也能正常显示出来容器的边或者背景颜色，但是在FF里面就不能，必须要清除浮动。
    clear { clear:both; over-flow:hidden; height:0; }
    还有一种清除的办法就是给外围容器设置overflow:hidden;（估计这样就激活了成了一个有高的元素）

4. 布局里面有float的地方都给他的容器都设置上宽度, 有很大一部分BUG都没有给外围容器设置宽度的造成

   的，但是也不是说任何时候对都要设置宽度的。

5. 在IE里面当内部元素的宽度和高度超出外围的时候会把容器撑大，在FF里面不会。

6. 这个!important本来的意思是增加了以后就有了样式的最高级别，不是做兼容用的，不知道为什么后来都

改作兼容用了，哈哈。 无所谓了，希望能知道他本来的意思就好。

7. 块级元素的 width:auto 和 width:100% 不是一样的。

8. HTML的元素设置成float, position 后就是一个有宽有高的BOX了，

9. marin-top负值后要设置上面元素position后才能在覆盖住下面的元素，因为下面的元素级别总是比上面

的级别高，就好像是ZINDEX的那种关系。

10. IE6里图片如果<img />标签有空格的话(行内元素都有这个问题)，会在浏览器里面显示出来。一般把代

码连着写，或者设置成块元素。

11. float后的元素距离相邻的元素有3PX问题，这个只有IE存在，一般是左边图片右边文字那种情况。

12. 空白边距叠加问题，只有是一个默认干净(未设高和宽float)的块级元素才有的问题，IE和FF都存在

13. cursor: pointer 可以同时在 IE FF 中显示游标手指状

有一些产生你认为BUG的原因是因为你忽略了HTML元素的默认值。例如line-height:，默认是14px的。。