一.图片会将父元素撑大3px(图片3px问题)
在一些情况下，图片会因为兼容性的问题，把父级元素整体撑大3px
解决办法：
1.给图片设置display：block;，把图片设置为块级元素
2.给图片设置vertical-align：top ;或者vertical-align：middle ;，使用垂直对齐的方式
二.图片横着排列，多个图片之间有间隔（所有行内块元素都有这种问题）
在多个图片横向排列时，他们之间会有几px的间隔
解决办法：
1.给图片添加浮动
2.将多个图片的代码写在同一行
三.图片外面有连接时，在IE低版本会有边框
解决办法：
1.给图片设置CSS属性border的粗度设为0
四.透明度IE高低版本兼容问题
使用opacity：数字；（0-1之间，0是完全透明）时，在低版本中不可用
解决方法：
1.低版本使用filter：alpha(opacity=数字)（数字0-100之间，0是完全透明）
五.表单元素垂直方向未对齐
使用表单时，表单内的元素在垂直方向对不齐
解决方法：
1.给表单内的元素设置浮动
2.可给表单内的元素设置vertical-align对齐
六.鼠标手型问题
在设置鼠标手型时，在低版本时使用cursor:pointer;时设置不起
解决方法：
1.低版本可使用cursor:hand;
七.margin在垂直方向的粘连问题
在一个父级块元素中，有一个子级块元素，给子元素设置margin时，父元素会跟随子元素一起移动
解决方法：
1.给父元素加一个边框
2.给父元素添加一个overflow：hidden；
3.给父元素设置padding属性撑开子级，而不是给子级设置margin (使用此方法，需要用父级元素的高度减去padding设置的高度，不然会使父级元素撑大）
八.margin在垂直方向的塌陷(重叠)问题
在同一父级元素下的2个块级元素，在垂直方向之间，同时设置margin属性时，只会使px大的生效，小的一方被重叠覆盖
解决方法：
1.在其中一个元素上设置足够的间隔，而不是设置两个间隔 (较为简单)
2.可以给其中一个元素添加一个父级元素，并给父级元素设置overflow：hidden；
小结：写的有不好的地方请见谅！感谢阅读！
