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>