以下内容全部转载自 http://goo.gl/m4Pg，作为笔记记录一下，方便以后查看

ie7和firefox都较为严格的遵循w3c的标准, 不存在太大的兼容性问题. ie6存在很多bug, 我就此说说我的一些经验, 仅仅是经验,毫无科学依据, 尽量避免使用hack

其一, 去掉<?xml version=”1.0″ encoding=”utf-8″ ?>
只要存在这个玩意,ie6就不买帐
配合严格或者兼容的xhtml dtd

其二, 浮动双边距,以下任选
1.用padding
2.使margin和float方向不同
3.使用_margin

其三, 使用margin-top实现文本,表单元素,图片一行内垂直居中对齐.

其四, 多猪
由注释引起,小心使用注释
使用margin-right:-3px;定义最后的元素
PS: 这里有完整的测试多猪问题的过程 http://goo.gl/3Tlx

其五, 注释
不要在连续的float元素之间插入注释
建议在元素内部定义该元素的注释

其六, margin,padding的自动赋值问题
定义margin-left,就算margin-right定位0,有时候也会莫名奇妙的margin-right=margin-left
暂无解决办法,只有牺牲点美观换取兼容

其七, 默认div高,
定义font-size<=height