开发中浏览器兼容的问题总结

最常见的的就是浏览器在解析时的margin和padding不同

• {margin:0; padding:0}

浏览器兼容问题二：块属性标签float后，又有横行的margin情况下，在IE6显示margin比设置的大

• 解决方案：在float的标签样式控制中加入 display:inline;将其转化为行内属性

CSS hack

• IE6认识的hacker 是下划线_ 和星号 *
• IE7 遨游认识的hacker是星号

CSS的兼容

• 浮动造成盒子的间距不同

.clear Fix:after{
    content:"";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix { 
    display:inline-block; 
}

居中的设置

• 垂直居中line-height盒子高度;vetical-align: middle.
• 水平居中:转成display:block;, margin:0 auto;

a标签里有内容和样式

• 内里有内容需要加 display:block;