核心提示：描述：DIV浮动IE文本产生3象素的bug 左边对象浮动，右边采用外补丁的左边距来定位，右边对象(p)会离左边有3px的间距复现：在开发人员工具里把文本模式设置了杂项后会出现3像素的bug测试的浏览器...
描述：DIV浮动IE文本产生3象素的bug 左边对象浮动，右边采用外补丁的左边距来定位，右边对象(p)会离左边有3px的间距
复现：在开发人员工具里把文本模式设置了杂项后会出现3像素的bug
测试的浏览器：IE7、IE8
浏览器的标准模式与怪异模式两种械，如何区分这两种模式？
加上是标准模式，反则去掉是怪异模式(杂项模式)；
调用以下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：
1
|2
不加margin-left:-3px的效果是：
加margin-left:-3px的效果是：
在CSS样式表中最后一个选择器 *html是什么意思呢？
本人在ie8 ie7浏览器下测试，文本模式选择设置为杂项时，*html请作用
