常见cssbug和csshack

目录

一.图片间隙

二.双倍浮动

三.图片链接蓝色边框的问题

四.默认高度

五.表单元素距离顶部间距不一致

---

一.图片间隙

1.图片3px问题(在div中插入图片时，图片会将div下方撑大30px)

   给img添加display：block;

2.图片横着排列时，图片之间有间隙

   img{float：left}

3.dt,li中图片间隙

   img{display:block}

二.双倍浮动

（ie6中出现）

        一个居左(或居右)的浮动元素放置进一个容器盒(box)，并在浮动元素上使用了左边距(右边距)来令它和容器的左边产生一段距离，在ie6中会产生双倍距离

        解决办法：给浮动元素添加声明：display:inline;

三.图片链接蓝色边框的问题

图片在IE浏览器上有蓝色边框(加在a标签里)(ie11以下)

img{boder:0}

四.默认高度

在IE6及以下，部分块元素拥有默认高度(低于18像素)

1.给元素添加声明：font-size:0;

2.给元素添加声明：overflow:hidden;

五.表单元素距离顶部间距不一致

给元素添加声明：float：left;