页面布局可能会遇到的兼容问题以及解决办法

#页面布局可能会遇到的兼容问题以及解决办法

##由于各大主流浏览器由不同的厂家开发，所用的核心架构和代码也很难重合，这就为各种莫名其妙的Bug(代码错误）提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒，让CSS应用起来比想象得要麻烦，以下是一些常见的兼容问题：

##图片间隙：
描述：在div中插入图片时，图片会将div下方撑大三像素。

解决办法:将转为块状元素，给添加声明：display:block;

##表单元素在一行高度不一致：

解决办法：给表单元素添加声明：float:left;

##按钮元素默认大小不一致：

描述：按钮元素的padding和border 大小会算在width,height里面

##鼠标指针bug：

描述：cursor属性的hand属性值只有IE浏览器识别，其它浏览器不识别该声明，cursor属性的pointer属性值IE6.0以上版本及其它内核浏览器都识别该声明。

解决办法：如统一某元素鼠标指针形状为手型，应添加声明：cursor:pointer;