兼容性：
1.所有浏览器:height:50px;
2.IE7：*height:50px;
2.IE6：_height:50px;
3.火狐:*height:50px;
1.所有浏览器:height:50px;
2.IE7：*height:50px;
2.IE6：_height:50px;
3.火狐:*height:50px;
height:50px !important,FF
Ie7和ie8兼容：在<head>中加入<metahttp-equiv="X-UA-Compatible"content="IE=7">
一、不同浏览器里，如果不对标签进行样式控制的话，默认会有外边距和内边距的差异。
*{ margin:0; padding:0;}
二、块标签设置float后，以及有margin属性的话，在ie6下margin的值会更大些。因为ie6下的块元素会被挤到下一行，
在float标签样式里加上display：inline;将其转化为行内元素
三、ie6,7中高度超出设置的高度【因为ie8之前的浏览器都会给标签一个默认行高的高度】
Overflow:hidden;或者line-height值小于所设置的高度
四、行内属性标签设置display:block;并且采用float和margin，ie6出问题
在display：block;后面加上display:inline;和display:table;
五、图片默认有间距
使用float属性为img布局
六、标签最低高度设置min-height不兼容
如容器的高度为300px，如果容器的内容高于300px的时候，那么容器就会被撑高，而不是出现滚动条，
{min-height:300px; height:auto !important; height:300px;overflow;visible;}
扫一扫
915
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
