css、html兼容

常见浏览器的兼容问题

北慕城南 提交于 2019-12-05 17:38:16
1 ie6.0横向margin加倍 产生因素:块属性、float、有横向margin。 解决方法:display:inline; 2 ie6.0下默认有行高 解决方法:overflow:hidden;或font-size:0;或line-height:xx px; 3 在各个浏览器下img有空隙(原因是:回车。) 解决方法:让图片浮动。 4 一个父标签与几个子标签嵌套,父标签不浮动,子标签float,子标签不撑开父的高度。 解决方法:a 在子标签最后清浮动{<div style="height:0;clear:both;"> </div>} b 父标签添加{overflow:hidden;} c 给父标签设置高度 5 Ie6下,不识别最大宽、高度和最小宽高度,意即min-width/height和 Max-width/height在ie6中没效果, 解决方法:(1):.abc{border:1px blue solid;width:200px;height:200px;} html>body .abc{width:auto;height:auto;min-width:200px;min-height:200px;} (2):.abc{width:200px;height:200px;_width:200px;_height:200px;}(因为ie6有一个特征,当定义一个高度时