标签：
1、Q:IE6怪异解析之padding与border算入宽高
原因：未加文档声明造成非盒模型解析
A：加入文档声明<!doctype
html>
2、Q:IE6在块元素、左右浮动、设定marin时造成margin双倍（双边距）
A：display:inline
3、其实是同一种bug
1）字体大小为奇数之边框高度少1px
A：字体大小设置为偶数或line-height为偶数
2）line-height，文本垂直居中差1px
A：padding-top代替line-height居中，或line-height加1或减1
3）与父标签的宽度的奇偶不同的居中造成1px的偏离
A：如果父标签是奇数宽度，则子标签也用奇数宽度;如果是父标签偶数宽度，则子标签也用偶数宽度
4、Q:内部盒模型超出父级时，父级被撑大
A：父标签使用overflow:hidden
5、Q:line-height默认行高bug
A：line-height设值
6、Q:行标签之间会有一小段空白
A：float或结构并排
7、Q:标签高度无法小于19px
A：overflow: hidden;
8、Q:左浮元素margin-bottom失效
A：显示设置高度 or 父标签设置_padding-bottom代替子标签的margin-bottom or 再放个标签让父标签浮动，子标签
margin- bottom，即(margin-bottom与float不同时作用于一个标签)
9、Q:img于块元素中，底边多出空白
A：父级设置overflow: hidden; 或 img { display: block; } 或 _margin: -5px;
10、Q:li之间会有间距
A：float: left;
11Q;块元素中有文字及右浮动的行元素，行元素换行
A：将行元素置于块元素内的文字前
12、Q:position下的left，bottom错位
A：为父级(relative层)设置宽高或添加*zoom:1
13、Q:子级中有设置position，则父级overflow失效
A：为父级设置position:relative
标签：
原文地址：http://www.cnblogs.com/chern2468/p/5432979.html
