DDR爱好者之家

CSS中浏览器对尺寸和宽高解释差异的解决方法
站长资源 2025/1/28 佚名
77 1538
DDR爱好者之家 Design By 杰米
先看一个例子

复制代码代码如下:
<!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属性解释的不一样，那么这时星号和下划线就能够帮上大忙。
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

稳了！魔兽国服回归的3条重磅消息！官宣时间再确认！

昨天有一位朋友在大神群里分享，自己亚服账号被封号之后居然弹出了国服的封号信息对话框。

这里面让他访问的是一个国服的战网网址，com.cn和后面的zh都非常明白地表明这就是国服战网。

而他在复制这个网址并且进行登录之后，确实是网易的网址，也就是我们熟悉的停服之后国服发布的暴雪游戏产品运营到期开放退款的说明。这是一件比较奇怪的事情，因为以前都没有出现这样的情况，现在突然提示跳转到国服战网的网址，是不是说明了简体中文客户端已经开始进行更新了呢？

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米