分享css处理浏览器兼容问题上的小技巧（2）
作者：jacky 来源：aliued.com 发布时间：2008-02-03 14:41:00
标签：浏览器,兼容,标准,css
B: IE6下块对象默认的3PX现象
如图，上面是IE6.0里的显示，下面是IE7.0和firefox2.0,红色div设置为float:left;图片在宽度正好的情况下，在IE7和firefox下可以上去，而在IE6里面就被显示在了第二行。这就是IE6的著名的3px现象，当一个对象设置为左悬浮，这个 块对像跟它右边浮上来的对象默认具有3px的margin, 解决的方法是针对于IE6，在css里写一个css hack, 如在左边的div上加：margin-right:0px!important;margin-right:-3px;!important这个标记IE7和firefox是支持的，而我们伟大的IE6却视而不见，我们就可以根据这个特点，让左div针对IE6有一个-3px的右margin,而IE7和firefox为0。
有兴趣的可以拷贝下面代码自己请手去试一下:(考虑在blog里显示的问题，下面代码人为增加了一些空格，请copy的时候自行删去)
< div style=”width:502px;height:80px;border:1px solid #000;”>< div style=”width:250px;background-color:#ff0000;height:60px;float:left;margin-right:0!important;margin-right:-3px;”>< /div>img< /div >
0
投稿猜你喜欢
文字比较难解释，直接看图应该就懂是要做什么了。需求工作中遇到的，需求就是超过四行得有个展开按钮，点击展开显示所有内容，不超过四行的话就不需要- 前言为了体现不加索引和添加索引的区别，需要使用百万级的数据，但是百万数据的表，如果使用一条条添加，特别繁琐又麻烦，这里使用存储过程快速添加数
- 前言JSHint用于分析和验证JavaScript代码是否符合您的编码规则。这个强大的工具可以帮助发现您代码中错误和问题T，它强制你的团队保
- 如何使用Pytorch实现two-head（多输出）模型1. two-head模型定义先放一张我要实现的模型结构图：如上图，就是一个two-
- 本文实例讲述了thinkphp5框架调用其它控制器方法 实现自定义跳转界面功能。分享给大家供大家参考，具体如下：Loader::action
- 就在刚才，我给GMAIL安装了Twitter插件。安装完插件后，Gmail提示我要连接Twitter的账号才能使用：我顺着提示操作下去，就看
- 对于英文不行我来说使用英文版PyCharm实在是太难受了，网上好多汉化补丁都是网友提供了，下面为大家介绍一种PyCharm官方中文语言包汉化
- 项目中要对短文本进行相似度估计，word2vec是一个很火的工具。本文就word2vec的训练以及加载进行了总结。word2vec的原理就不
- 前言既然在Pathlib库中提到了glob()函数，那么我们就专门用一篇内容讲解文件名的匹配。其实我们有专门的一个文件名匹配库就叫：glob
- Python产生一个数值范围内的不重复的随机数，可以使用random模块中的random.sample函数，其用法如下：import ran
- 经常会遇到下载的文件或电子书，名字中间都包含了一些网址信息，实际使用中由于名字太长不方便，下面的脚本使用正则表达式来对目录下的所有文件重命名
- 本文实例讲述了python求crc32值的方法。分享给大家供大家参考。具体实现方法如下：要想求CRC值，前面要import binascii
- 本文实例讲述了php使用pthreads v3多线程实现抓取新浪新闻信息。分享给大家供大家参考，具体如下：我们使用pthreads，来写一个
- 1）忘记在 if , elif , else , for , while , class ,def 声明末尾添加 ：（导致 “SyntaxE
- GreatSQL社区原创内容未经授权不得随意使用，转载请联系小编并注明来源。GreatSQL是MySQL的国产分支版本，使用上与MySQL一
- 开始现在要加速学习了，大佬们有没有内推，给个推荐会vue2/vue3 + ts断言非空断言非空断言就是确定这个变量不是null或者undef
- 存储过程和函数是在数据库中定义一些SQL语句的集合，然后直接调用这些存储过程和函数来执行已经定义好的SQL语句。存储过程和函数可以避免开发人
- 简介使用Pandas的pivot方法可以将DF进行旋转变换，本文将会详细讲解pivot的秘密。使用Pivotpivot用来重组DF，使用指定
- 该语言中缩进是其精髓，通过缩进可以表示函数、循环等程序结构的范围。有时写完程序后，发现所有程序需要放入函数def中，这时就需要对一整块程序同
- Laravel 的上一个 LTS（长期支持）版本是 Laravel 5.1，发布于 2015 年 6 月，按照对 LTS 版本的约定，两年的
