碰到的css样式问题

工作中碰到很多需要解决的样式bug，有一些确实诡异……总结下来就是注意以下几点：

1.去除浮动

碰到有float属性的层问题，首先看后面的层是不是加了clear属性，尤其在ie6下，还要注意margin加倍问题（margin加倍解决办法是加display:inline；）

2.ie6的边线问题

有时带边框的层在ie6下显示不连续，刷新也不行，这种原因是没有定义层的宽高，ie默认有个haslayout属性，正常情况下这个值应该为-1，出现边框不连续的时候这个值为1。解决办法是给改标签加zoom:1;属性来激活ie的haslayout。

3.ie8重复显示的诡异bug

经常会碰到一个页面，在ie6、ie7、ff、chrome下都没问题，偏偏在ie8下出现莫名其妙的某一部分重复显示，这种问题就要检查一下html代码是否匹配。根据以往碰到的情况，肯定是代码的标签不配对，多了、少了都有可能。一般这种情况都是程序员在改页面的时候粗心造成的，所以，即便不是自己写的代码，也要具备发现这种代码缺失的能力。其他浏览器都能自动修复这种问题，奇怪的是ie8就不能……

4.样式在ie6下不显示bug

有时写了很标准的代码，其他浏览器都特正常，但某一些部分在ie6下根本没样式，这就属于编码问题了。一定是引用的css样式文件中带有中文的注释，而产生编码错误bug。解决办法是把css文件用记事本打开，然后重新保存，编码选择UTF-8（原来的错误编码是ANSI）。或者直接去掉引用css文件里的中文注释也可以解决这类问题。