幽灵资源网 Design By www.bzswh.com
先看一个例子

复制代码代码如下:
<!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属性解释的不一样,那么这时星号和下划线就能够帮上大忙。
标签:
尺寸,宽高

幽灵资源网 Design By www.bzswh.com
广告合作:本站广告合作请联系QQ:858582 申请时备注:广告合作(否则不回)
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件! 如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
幽灵资源网 Design By www.bzswh.com

P70系列延期,华为新旗舰将在下月发布

3月20日消息,近期博主@数码闲聊站 透露,原定三月份发布的华为新旗舰P70系列延期发布,预计4月份上市。

而博主@定焦数码 爆料,华为的P70系列在定位上已经超过了Mate60,成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢?

根据目前爆料的消息来看,华为P70系列将推出三个版本,其中P70和P70 Pro采用了三角形的摄像头模组设计,而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智,但辨识度绝对拉满。