先看一个例子
复制代码代码如下:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//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″ />
<title>无标题文档</title>
<style>
#m{height: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的设置是相同的。
我们在实际的工作中，更多的会遇到浏览器们对margin属性解释的不一样，那么这时星号和下划线就能够帮上大忙。
复制代码代码如下:
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//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″ />
<title>无标题文档</title>
<style>
#m{height: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的设置是相同的。
我们在实际的工作中，更多的会遇到浏览器们对margin属性解释的不一样，那么这时星号和下划线就能够帮上大忙。
标签：
尺寸,宽高
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！
如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
狼山资源网 Copyright www.pvsay.com
暂无“CSS中浏览器对尺寸和宽高解释差异的解决方法”评论...
《魔兽世界》大逃杀！60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容，新游玩模式《强袭风暴》即将于3月21 日在亚服上线，届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕，并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时，他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中，玩家将会进入一个全新的海盗主题大逃杀式限时活动，其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场，作为一个独立于主游戏之外的活动，玩家可以用大逃杀的风格来体验《魔兽世界》，不分职业、不分装备（除了你在赛局中捡到的），光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式，玩家在加入海盗主题的预赛大厅区域前，可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹，《巨龙崛起》和《魔兽世界：巫妖王之怒 经典版》的玩家都可以获得奖励。