DIV浮动IE文本产生3象素的bug
来源:互联网 发布:淘宝店铺刷流量 编辑:程序博客网 时间:2024/06/10 03:19
描述:DIV浮动IE文本产生3象素的bug 左边对象浮动,右边采用外补丁的左边距来定位,右边对象(div)会离左边有3px的间距
复现:在开发人员工具里把文本模式设置了杂项后会出现3像素的bug
测试的浏览器:IE7、IE8
浏览器的标准模式与怪异模式两种械,如何区分这两种模式?
加上<!DOCTYPE html>是标准模式,反则去掉是怪异模式(杂项模式);
调用以下JS代码来判断属于那种模式:
console.log(window.top.document.compatMode) ;//BackCompat 表示怪异模式//CSS1Compat 表示标准模式
CSS:
#box { width: 600px; height:100px; margin:100px auto; background:blue; } #left { float: left; width: 50%; height:100px; background:red; } #right { width: 100%; height:100px; background:yellow; } *html #left { margin-right:-3px; /* 上面这句是重点 */ }
HTML:
<div id="box"> <div id="left">1</div> <div id="right">|2</div></div>
加margin-left:-3px的效果是:
在CSS样式表中最后一个选择器 *html是什么意思呢?
本人在ie8 ie7浏览器下测试,文本模式选择设置为杂项时,*html请作用
0 0
- DIV浮动IE文本产生3象素的bug
- DIV浮动IE文本产生3象素的bug
- DIV浮动IE文本出现3px间距的bug
- 解决IE 6下span标签左浮动后产生换行的BUG
- 浮动ie产生的双倍距离
- ie 浏览器 使 div 浮动到 3d 上面
- IE6下div浮动文本偏移3px问题
- Flash动态文本里中英字体混用产生的BUG
- DIV+CSS clear both清除产生浮动
- DIV+CSS clear both清除产生浮动
- IE中浮动元素折行bug
- IE双倍浮动边界BUG现象
- 浮动bug的解决方法
- IE6 两个div有间隙的问题(IE 3px bug)解决方法
- 当div和img元素重跌IE的bug
- 浮动时候IE下div断线问题
- 解决IE6浮动元素产生的“双边距”BUG问题及解决办法
- 讨厌的浮动DIV。。。。
- ios/swift 移除 childViewControllers
- sass 安装
- 16.ELK实时日志分析平台之Beats平台简介
- 缓存、缓存算法和缓存框架简介
- Kotlin For Android简介——有趣实用的功能
- DIV浮动IE文本产生3象素的bug
- Palindrome Number
- VC 重绘,闪烁,花屏
- 应用环境下的TIME_WAIT和CLOSE_WAIT
- ie7下使用white-space:nowrap时padding-right失效问题记录
- ubuntu14.04 执行adb提示提示adb: No such file or directory
- I2C总线协议2
- 7.3 Javascript:表单验证-初识正则
- 多线程编程指南