1. ie6下的margin双边距问题：在ie6下快属性标签设置了float，在float方向上设置margin，就会出现双倍margin的问题
解决方案： (1) 给float元素设置 display：inline； (2) hack处理：对IE6进行_margin-left:margin值 处理 .box{margin-left:20px;_margin-left:20px;}
注解: css hack是通过在css样式中加入一些特殊的符号，让不同的浏览器识别不同的符号（什么样的浏览器识别什么样的符号是有标准的，css hack就是让你记住这个标准），从而达到应用不同css样式的目的
2. 当标签的高度设置小于10px时，在IE6和IE7中会超过设置的最小高度
解决方案：设置overflow:hidden 或者 line-height设置成小于设置的高度值
3. 行内标签为了设置宽高会设置成display:block，这样一来就会产生上面说的双边距问题
解决方法：设置成display:inline，但是这样就不能设置宽高 ，所以在添加一个display:table
4. 上下margin重叠问题，当相邻的两个元素都设置了上下margin后，会取最大值，舍弃最小值
5. 两个块级元素， 父元素设置了overflow:auto，子元素设置了position:relative，且高度大于父集高度，在IE6和IE7下会被隐藏而不溢出
解决方法：父集元素添加position:relative
6. chrome下默认会将小于12px的文本强行按照12px进行解析
解决方法：添加属性：-webkit-text-size-adjust:none
7. IE6下div高度无法小于10px
解决方法：（1）添加overflow:hidden属性； （2）设置font-size大小为高度大小
8： png24位的图片在IE6下回出现背景，最好使用png8格式的
9.