脚本宝典收集整理的这篇文章主要介绍了CSS中浏览器对尺寸和宽高解释差异的解决方法 ，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
先看一个例子
<!DOCTY
PE ht
ML P
ubLIC “-//W3C//DTD XHTML 1.0 Trans
ITional//EN” “http://www.w3.
org/TR/xhtml1/DTD/xhtml1
-transitional.dtd”>
<html
XMlns=”http://www.w3.org/1999/xhtml”>
<head>
<
;meta http-equiv=”Content-Type” content=”text/html; charset=gb2312&
PRime; />
<title>无标题文档</title>
<style>
#m{h
eight:300px;width:300px;background:#ccc}
#a{float:left;height:100px;width:100px;background:#f00;}
#b{float:left;height:100px;*height:110px;_height:120px;width:100px;background:#0f0;}
#c{clear:both;height:100px;width:100px;*width:100px;_width:120px;background:#00f;}
</style>
</head>
<body>
<div id=”m”>
<div id=”a”></div>
<div id=”b”></div>
<div id=”c”></div>
</div>
</body>
</html>
在这里，height我分别定义了三个，
第一个
正常定义，在所有浏览器中都会
生效;
第二个定义在前边加了一个*号，这个在IE6,IE7中会正
常识别为height属性，但是火狐和IE8会认为这是一个错误语法，被忽略，而根据先后执行的顺序，在IE6和IE7中带*号的height被执行，那么第一个正常height失效（
或者说被覆盖）；
第三个height在前边加了一个下划线，下划线只有IE6认为是有效的height属性，而IE7 IE8和火狐都视为”_height”属性是一个不存在的属性，所以不予执行，而IE6则将其执行。这样前两个height在IE6中时就被带下划线的height覆盖。
那么，通过这样一个例子，您
应该了解，如果我们想在不通的浏览器中分别设置一个元素不通的高度的时候，就可以使用 * 和 _ 两个符号来协助定义。同时我们也了解了，
微软是一个对错误容忍度多高的企业呀!.呵呵。
不过，如果把这个例子的前边两行
文档类型和命名空间的声明取消掉的话 带下划线的height也会被正常显示。
width的设置是相同的。
我们在实际的工作中，更多的会遇到浏览器们对m
argin属性解释的不一样，那么这时星号和下划线就能够帮上大忙。
脚本宝典总结
以上是脚本宝典为你收集整理的CSS中浏览器对尺寸和宽高解释差异的解决方法 全部内容，希望文章能够帮你解决CSS中浏览器对尺寸和宽高解释差异的解决方法 所遇到的问题。
如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。