操作方法
常见兼容问题 1. div 标签居中问题 DIV设置居中一定要是margin:auto;不能是text-align:center; 2.FF: 设置 padding 后, div 会增加 height 和 width, 但 IE 不会, 故需要用 !important多设一个 height 和 width.用!important为火狐特别设置样式。这个是控制火狐的，也只有火狐支持 3.div 的垂直居中问题: vertical-align:middle;将行距增加到和整个DIV一样高 line-height:200px; 然后插入文字，就垂直居中了缺点是要控制内容不要换行，不换行时候的垂直居中。 4.两个有浮动的DIV之间要加清除 clear， 5.ie下margin会加倍，可以加上 display:inline，就不会有双倍的距离。
浏览器兼容的一般写法 .test{margin:8px;_margin:10px;*margin:9px} 说明： margin:8px：正常语法，所有浏览器都能够正常解析 _margin:10px：针对IE6.0 的特殊写法，只针对IE6.0 以上浏览器有效 *margin:9px：针对IE7.0 特殊写法，只针对IE7.0 以上的浏览器有效
IE最小宽度的写法 #box{ width: 80px; height: 35px;} /*IE6*/ html>body #box{ width: auto; height: auto; min-width: 80px; min-height: 35px;} 这样写代码的意思是 在火狐下的宽度是width: auto，在IE6下的宽度是width:80px; IE6不认得min-width-这个定义 要这样写 #container { min-width: 600px;width:expression((document.documentElement.clientWidth||document.body.clientWidth)<1007?"1007px":"");} 或#container{ min-width: 600px; width:expression(document.body.clientWidth < 600? "600px": "auto" );}