#页面布局可能会遇到的兼容问题以及解决办法
##由于各大主流浏览器由不同的厂家开发,所用的核心架构和代码也很难重合,这就为各种莫名其妙的Bug(代码错误)提供了温床。再加上各大厂商出于自身利益考虑而设置的种种技术壁垒,让CSS应用起来比想象得要麻烦,以下是一些常见的兼容问题:
##图片间隙:
描述:在div中插入图片时,图片会将div下方撑大三像素。
解决办法:将转为块状元素,给添加声明:display:block;
##表单元素在一行高度不一致:
解决办法:给表单元素添加声明:float:left;
##按钮元素默认大小不一致:
描述:按钮元素的padding和border 大小会算在width,height里面
##鼠标指针bug:
描述:cursor属性的hand属性值只有IE浏览器识别,其它浏览器不识别该声明,cursor属性的pointer属性值IE6.0以上版本及其它内核浏览器都识别该声明。
解决办法:如统一某元素鼠标指针形状为手型,应添加声明:cursor:pointer;