CSS中浏览器对尺寸和宽高解释差异的解决方法
网站建设 2023-01-28 20:48www.1681989.com免费网站
先看一个例子
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://.w3./1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>无标题文档</title>
<style>
#m{height:300px;width:300px;background:#c}
#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的设置是相同的。
我们在实际的工作中，更多的会遇到浏览器们对marg属性解释的不一样，那么这时星号和下划线就能够帮上大忙。
复制代码
代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://.w3./TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<html xmlns=”http://.w3./1999/xhtml”>
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=gb2312″ />
<title>无标题文档</title>
<style>
#m{height:300px;width:300px;background:#c}
#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的设置是相同的。
我们在实际的工作中，更多的会遇到浏览器们对marg属性解释的不一样，那么这时星号和下划线就能够帮上大忙。
上一篇：Web设计10个在线开发工具介绍
下一篇：提高网站访问速度的六种方法
网站设计
- 静宁会SEO的网站建设公司：全面提升您的网络影
- 提升在线业务的关键：选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司：打造您的在线品牌
- 灵山SEO网站建设公司：提升您的在线业务表现
- 蒙城网站建设优化公司：提升您网站表现的理想
- 阳谷企业网站优化：提升线上业务力的关键
- 樟树专业的网站建设公司：打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司：助您轻松打造在线业务
- 巫溪百度网站优化：提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱？全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销