本文共 489 字，大约阅读时间需要 1 分钟。

最常见的的就是浏览器在解析时的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;

转载地址：http://uoarn.baihongyu.com/