浏览器样式各种兼容

1、居中问题
div里的内容，IE默认为居中，而Firefox默认为左对齐，可以尝试增加代码 margin：0 auto；

2、clear：both；
不想受到float浮动的，就再div中写clear：both；

3、padding，marign，height，width的傻瓜式解决技巧
尽量使用padding，慎用margin，height尽量补上100%，父级height有定值，子级height不用100%，子级全为浮动时底部补个空clear：both 。

4、背景、图片类
1、background显示问题
全部注意补齐width，height属性
2、背景透明问题
IE：filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=60);
IE：filter:alpha(opacity=10);
FF：opacity=0.6;
FF：-moz-opacity:0.10;

5、min-height最小高度的实现
作用是：当容器的内容较少时，能保持一个最小的高度，以免破坏了布局或UI设计效果。而当容器内的内容增加的时候，容器能够自动的伸展以适应内容的变化。

#mrjin{
    background:#ccc;
    min-height:100px;
    height:auto !important;
    height:100px;
    overflow:visible;
}

6、去掉选中时的虚线框
利用onfocus=”this.blur();” 例如:<a href="#" onfocus="this.blur();">测试</a>