IE6的bug
2015-07-20 00:33
344 查看
借鉴http://css.doyoe.com/ 问题和经验列表,里面应有尽有。写几个常见的:
1.解决IE6及更早浏览器浮动时产生双倍边距的BUG
display:inline
2.如何解决IE6下的文本溢出BUG(行业内称:多出一只猪)
删除2个div之间所有的注释;
不设置浮动;
调整2个div的宽度,比如将宽度调整为更小一点,刷新页面看效果。
3.DIV浮动IE文本产生3象素的bug
左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距. #box{
float:left;
width:800px;} #left{ float:left; width:50%;}
#right{
width:50%;} *html #left{ margin-right:-3px; //这句是关键} <div id=”box”>
<div
id=”left”></div> <div id=”right”></div> </div>
4.css
hack
1.解决IE6及更早浏览器浮动时产生双倍边距的BUG
display:inline
2.如何解决IE6下的文本溢出BUG(行业内称:多出一只猪)
删除2个div之间所有的注释;
不设置浮动;
调整2个div的宽度,比如将宽度调整为更小一点,刷新页面看效果。
3.DIV浮动IE文本产生3象素的bug
左边对象浮动,右边采用外补丁的左边距来定位,右边对象内的文本会离左边有3px的间距. #box{
float:left;
width:800px;} #left{ float:left; width:50%;}
#right{
width:50%;} *html #left{ margin-right:-3px; //这句是关键} <div id=”box”>
<div
id=”left”></div> <div id=”right”></div> </div>
4.css
hack
相关文章推荐
- [BZOJ2748][HAOI2012]音量调节
- C++11代码展示:简单的手势识别和响应,上下左右
- 手势:
- 点击一个标签中,某个文字,添加事件
- 富爸爸,穷爸爸 读书笔记
- Reverse Bits
- 科大讯飞平台接口的基本使用流程
- UIView属性的动画
- 科大讯飞平台接口的基本使用流程
- maven 打包可执行jar的方法
- Kafka基本配置
- [BZOJ1088][SCOI2005]扫雷Mine
- 在代码中调用Xib
- 观察者模式
- [BZOJ1407][Noi2002]Savage
- codeforces 399B Red and Blue Balls-数据-(模拟题找规律)
- Microsoft SQL Server 2008 R2官方中文版下载(附正式版序列号)
- 2015.7.20日记
- Rotate Array
- codeforces 399A Pages-yy题