部分浏览器兼容问题

1、图片间隙

• div中的图片间隙（该BUG出现在所有浏览器中）
  描述：在div中插入图片时，图片会将div下方撑大3像素。
  hack：将<img>转化为块级元素，给<img>添加声明：display:block;
• 当图片横着排的时候，图片和图片之间会有一定的间距
  hack：img { float : left ; }

2、dt，li中图片间隙

• hack：将<img>转化为块级元素，给<img>添加声明：display:block;

3、双倍边距（只有IE6出现）

• 描述：在IE6中，一个居中（或居右）浮动的元素放置进一个容器盒（box），并在浮动元素上使用了左（右）边距在IE6内便会产生双倍边距。
• hack：给浮动元素添加声明：display:inline;

4、图片在IE6里面有蓝色的边框（加在a标签里）

• hack：给的边写成：border { border : 0 ; }

5、默认高度（IE6，IE7）

• 描述：在IE6及以下版本中，部分元素拥有默认高度（低于18px高度）
• hack1：给元素添加声明：font-size：0；
• hack2：给元素添加声明：overflow : hidden;

6、表单元素距离顶部元素不一致（IE，MOZ，C，O，S）

• 描述：表单元素距离顶部的元素不一致。
• hack：给表单元素添加声明：float : left;

7、按钮元素默认大小不一

• 描述：在各浏览器中按钮元素大小不一致
• hack1：统一大小（用a标签模拟）
• hack2：input外边套一个标签，在这个按钮里写标签的样式，把input的边框去掉。

8、百分比BUG

• 描述：在IE6及以下版本中解析百分比时，会按四舍五入方式计算从而导致50%加上50%大于100%的情况。
• hack：给右面的浮动元素添加声明：clear : right ;

9、鼠标指针BUG

• 描述：cursor的hand属性只有IE9以下浏览器识别，其他浏览器不止别该声明，cursor的pointer属性值IE6.0以上版本及其他内核浏览器都识别该声明。
• hack：统一某元素鼠标指针形状为手型。添加声明：cursor : pointer;

10、子元素没有设置任何浮动，设置了marin-top属性后，会错误的把margin-top的属性值添加给父元素

• hack1：给父元素添加声明：overflow : hidden ;
• hack2 : 子元素设置浮动。

11、当给 li 中的 a 转化为 block，并有 height，并有 float 的时候，li 中没有设置浮动会出现阶梯显示

• hack：同时给 li 添加浮动。

12、input 的 type 是 text 的时候，提示信息用 value 表示，如果设置了 input 的高度，在其他浏览器上显示的 value 的内容是垂直居中的，但是在IE6上是在顶部的

• hack：给 input 添加一个行高等于它的高度。