CSS中浏览器对尺寸和宽高解释差异怎么办
发表于:2026-10-31 作者:千家信息网编辑
千家信息网最后更新 2026年10月31日,小编给大家分享一下CSS中浏览器对尺寸和宽高解释差异怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!先看一个例子代码如
千家信息网最后更新 2026年10月31日CSS中浏览器对尺寸和宽高解释差异怎么办
小编给大家分享一下CSS中浏览器对尺寸和宽高解释差异怎么办,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!
先看一个例子
代码如下:
在这里,height我分别定义了三个,
第一个正常定义,在所有浏览器中都会生效;
第二个定义在前边加了一个*号,这个在IE6,IE7中会正常识别为height属性,但是火狐和IE8会认为这是一个错误语法,被忽略,而根据先后执行的顺序,在IE6和IE7中带*号的height被执行,那么第一个正常height失效(或者说被覆盖);
第三个height在前边加了一个下划线,下划线只有IE6认为是有效的height属性,而IE7 IE8和火狐都视为"_height"属性是一个不存在的属性,所以不予执行,而IE6则将其执行。这样前两个height在IE6中时就被带下划线的height覆盖。
那么,通过这样一个例子,您应该了解,如果我们想在不通的浏览器中分别设置一个元素不通的高度的时候,就可以使用 * 和 _ 两个符号来协助定义。同时我们也了解了,微软是一个对错误容忍度多高的企业呀!.呵呵。
不过,如果把这个例子的前边两行文档类型和命名空间的声明取消掉的话 带下划线的height也会被正常显示。
width的设置是相同的。
我们在实际的工作中,更多的会遇到浏览器们对margin属性解释的不一样,那么这时星号和下划线就能够帮上大忙。
以上是"CSS中浏览器对尺寸和宽高解释差异怎么办"这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注行业资讯频道!
浏览器
浏览
下划线
属性
解释
例子
篇文章
尺寸
差异
怎么办
三个
两个
内容
更多
火狐
有效
相同
不怎么
代码
元素
数据库的安全要保护哪些东西
数据库安全各自的含义是什么
生产安全数据库录入
数据库的安全性及管理
数据库安全策略包含哪些
海淀数据库安全审计系统
建立农村房屋安全信息数据库
易用的数据库客户端支持安全管理
连接数据库失败ssl安全错误
数据库的锁怎样保障安全
云南咖啡
涨乐互联网科技
安徽鑫晟辉互联网科技
互联网科技论文
广州互联网络科技有限公司
科技创新互联网企业
博兴的互联网电子科技公司
顶级互联网科技成果有哪些
互联网科技创新服务
银川新华互联网科技学校联系电话
互联网金融科技展
互联网科技创新的路径
长沙互联网科技
恒生互联网科技业指数调整周期
互联网领先科技宣传片
江苏互联网智能科技软件
工业互联网科技成果转化
抖集互联网科技技术咨询
互联网科技企业商标注意事项
广州全民伙伴互联网科技有限公司
互联网高科技
互联网医疗科技
美国互联网黑科技
千方科技属于互联网企业吗
华夏互联网科技业
崇明区互联网教育科技售后服务
互联网科技研发水平
黑云互联网科技有限公司
保山互联网科技靠谱吗
盐城市攀科互联网科技有限公司