1、居中问题
div里的内容，IE默认为居中，而FF默认为左对齐，可以添加CSS样式{margin:0 auto;}
2、高度问题
两上下排列或者嵌套的div，上面的div设置高度（height），如果div里的实际内容大于所设高度，在FF中会出现两个div重叠的现象；但在IE中，下面的div会自动给上面的div让出空间，所以为了避免出现层的重叠，高度一定要控制恰当，或者干脆不写高度，让它自动调节，比较好的方法是height:100%}但当这个div里面一级的元素都float的时候，则需要在div块的最后，闭合前加一个沉底的空div，对用的css样式{clear:both;height:0;font-size:0px;padding:0;margin:0;border:0;line-height:0px;overflow:hidden}
3、clear:both;
不想受到float浮动的影响，就在div中写入clear:both;
4、IE浮动margin产生的双倍距离
#box{
float:left;
width:100px;
margin:0 0 0 100px;//这种情况下IE会产生200px的距离;
display:inline;//使浮动忽略
}
5、padding问题
FF设置padding后，div会增加height和width，但在IE不会，高度控制恰当，或尝试使用height:100%;宽度减少使用padding。但根据实际经验，一般FF和IE的padd不会有太大的区别，div的实际宽度为width+padding,所以div写全width和padding，width实际想要的宽减padding定义。
6、div嵌套时y轴上padding和margin的问题
FF里y轴上子div到父div的距离为父padding+子margin
IE里y轴上子div到父div的距离为父padding和子margin里最大的一个
FF里y轴上父div的padding=0且border=0时，子div到父div的距离为0，子margin作用到父div外面
7、padding,margin,height,width的二逼式解决技巧
注意是技巧，不是方法
写好标准头
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”
“http://www.w3.org/TR/xhtml1/DTD/xhtml1transitional.dt
<html xmlns=”http://www.w3.org/1999/xhtml”>
高尽量用padding，慎用margin，height尽量补上100%，父级height有定值子级height不用100%，子级全为浮动时底部补个空clear:both的div宽尽量用margin，慎用padding，width算准实际的要减去padding。
8、列表类
1. ul标签在FF中默认是有padding值的，而在IE中只有margin有值，先定义ul{margin:0;padding:0;}
2. ul和ol列表缩进问题消除ul、ol等列表的缩进时，样式应写成:{list-style-type:none;margin:0;padding:0;}
9、显示类(display:bolck,inline)
1.display:block,inline两个元素
display:block;//可以为内嵌元素模拟块元素
display:inline;//实现同一行排列的效果
display:table;//for FF,模拟table的效果
display:block块元素，元素的特点：总是在新行上开始：高度，行高以及顶和底边距都可以控制；宽度缺省是它的容器的100%，除非设定一个宽度<div>,<p>,<h1><form>,<ul>,<li>等都是块元素的例子
display:inline就是将元素显示为行内元素，元素的特点是：和其他元素都在一行上：高，行.高以及顶和底编剧不可改变；宽度就是它的文字或者图片的宽度，不可改变。<span>,<a>,<label>,<input>,<img>,<strong>和<em>是inline元素的例子
2.鼠标手指状显示：全部用标准的写法 cursor：pointer；
10、背景、图片类
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;
最好两个最好，并将opacity属性放在最下面
11、min-height最小高度的实现（兼容IE6、7、FF）
作用是：当容器的内容较少时，能保持一个最小的高度，以免破坏了布局或UI设计效果。
而当容器内的内容增加时，容器能够自动的伸展以适应内容的变化。
#box{
background:#ccc;
min-height:100px;
height:auto !important;
height:100px;
overflow:visible;
}
12、著名的Meyer Reset（重置）
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfood.thead,tr,th,td{
margin:0;
padding:0;
border:0;
outline:0;
font-weight:inherit;
font-style:inherit;
font-size:100%;
font-family:inherit;
vertical-align:baseline;
}
:focus{
outline:0;
}
body{
line-height:1;
color:black;
background:white;
}
ol,ul{
list-style:none;
}
table{
border-collapse:separate;
border-spacing:0;
}
caption,th,td{
text-align:left;
font-weight:normal;
}
blockquote:before,blockquote:after,q:before,q:after{
content:" ";
}
blockquote,q{
quotes:" ";
}
13、跨浏览器的css透明度
.box{
opcity:0.7;
-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=70)';
filter:alpha(opacity=70);
-moz-opcity:0.7;
-khtml-opcity:0.7;
}
14、文字阴影
.txt{
text-shadow:1px 1px 1px #ccc;
filter:Shadow(Color=#ccc,Direction=135,Strength=5;
}
