在firefox与IE下DIV+CSS Padding效果不同的解决方法
来源:互联网 发布:大数据搜索与挖掘 编辑:程序博客网 时间:2024/05/16 02:39
<div style="padding-top:5px;width:200px;height:15px;background-color:#ffeeee"> test </div>
以上代码在IE中和firefox会有不同的效果.最主要原因是firefox解释padding-top与IE的效果不同
fixfox对DIV总高度是padding-top+height的,而IE中,padding-top是包含在height中的,
要解决这一个矛盾,可以利用!important
padding-top:5px;
height:10px !important;
height:15px;
以上定义了两个height, 其中一个后面加了!important , IE将会忽略这个属性,而使用后面的height:15px; 而firefox却不会忽略这个属性, 直接使用height:10px
这样就可以很巧妙的解决这个问题
- 在firefox与IE下DIV+CSS Padding效果不同的解决方法
- 在firefox与IE下DIV+CSS Padding效果不同的解决方法
- DIV+CSS Padding在Firefox与IE下效果不同的解决方法
- DIV+CSS Padding在firefox与IE效果不同的解决方法
- css 在ie firefox下宽度不同的解决方法
- div+css - Firefox和IE浏览器兼容问题 - padding-right在IE6下导致抖动
- margin与padding在不同版本的IE的表现
- IE与firefox下的css区别
- XMLHttpRequest 乱码问题 在firefox IE的不同解决方法
- IE与Firefox下对CSS定义div高度的解析问题
- 浅谈IE与Firefox对CSS的不同解析
- CSS在不同IE下的写法
- css+div设计时IE与Firefox的主要区别
- css+div设计时IE与Firefox的主要区别
- css在ie和firefox中的不同
- ie与Firefox(ff) div+css兼容问题
- firefox下的eval与ie下有什么不同
- 常用IE与Firefox的CSS兼容差异及解决方法
- C#静态类
- 开发基于 Nutch 的集群式搜索引擎
- 侃中介者模式
- asp.net split 字符太多
- 同步工具
- 在firefox与IE下DIV+CSS Padding效果不同的解决方法
- 遍历当前可用的USB-Serial的串口
- 翻开新的一页,明年再见!!
- Hibernate多数据库设置
- Table 变量的用法
- 常用ansi控制码
- sql2000成长之路
- 使用 Apache Lucene 搜索文本
- 不眠的硅谷——Just For Fun