1 计算宽高要精确，不要让内容的宽高超出设置的宽高，内容会撑开设置好的宽高。
2 元素浮动，如果浮动元素的宽度需要内容撑开，就给里边的块元素都加浮动。
3 元素要通过浮动并在同一行，就给这行的元素都加浮动。
4 注意标签嵌套规范：块元素里不能嵌套块元素。
5 最小高度问题，元素的高度小于19px的时候，会被当做19px处理 解决办法：overflow:hidden;
6 border{1px dotted;} 1px的点线边框不支持 解决办法：切背景平铺。
7 解决margin传递要触发haslayout，父级有边框时，子元素的margin值消失 解决办法：触发父级的haslayout。
8 双边距BUG，块元素有浮动和margin横向值，横向的margin值会被放大成两倍
解决办法：diaplay:inline;
9 margin-right:（除了none的任意值）会使一行右侧的第一个元素有双边距。
10 li本身没浮动，但是li的内容有浮动，li下边就会产生一个间隙 解决办法：①给li加浮动；②给li加vertical-align:top;
11 最小高度问题和li的间隙问题共存时 解决办法：给li加浮动，同时加overflow:hidden;
12 当一行子元素的宽度之和与父级的宽度相差超过3px，或者有不满行状态时候，最后一行子元素的margin-buttom就会失效。
13 文字溢出BUG，子元素的宽度与父级的宽度相差小于3px时，两个浮动元素中间有注释或内嵌元素就会发生文字溢出BUG
解决办法：用div把注释或内嵌元素包起来。
14 当浮动元素和绝对定位元素是并列关系时，绝对定位元素会消失 解决办法：给绝对定位元素外面包个div。
15 有相对定位时，父级的overflow包不住子元素 解决办法：给父级也加相对定位。
16 绝对定位元素的父级宽高都是奇数时，元素的right值和buttom值会有1px的偏差。
17 position:fixed IE6不兼容 解决办法：JavaScrip处理。
18 不要给tbody或th同时给td或tr加背景样式
19 输入类型的表单控件上下各有1px的间隙 解决办法：给input加浮动。
20 输入类型的表单控件加border:none; 解决办法：重置input表单背景。
21 输入类型的表单控件输入文字时，背景图片会随着输入一起移动 解决办法：把背景加给父级。
注意：都是在IE6,IE7下兼容问题