描写叙述：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的效果是：



加margin-left:-3px的效果是：




在CSS样式表中最后一个选择器 *html是什么意思呢？


本人在ie8 ie7浏览器下測试，文本模式选择设置为杂项时。*html请作用


												


											
DIV浮动IE文本产生3象素的bug的更多相关文章
	

    
								
  1. 【html】【6】div浮动float
		
    我想 当看完上面的必看链接,拥有一定的基础后也得7天左右, 记住 一定要看完,知道它都有什么,没学会不要紧,哪怕只是有个简单的概念也行, 随着后续的使用慢慢深入学习,现在开始div布局. 必看参考:  ...
    
		
    2. 
						
  2. Popline：帅气的浮动 HTML5 文本编辑器工具栏
		
    Popline 是一个基于 HTML5 实现的富文本编辑器工具栏,设计灵感来自 PopClip ,相比传统的文本编辑器工具,Popline 能够浮动在编辑的文本周围,操作起来十分方便. 您可能感兴趣的 ...
    
		
    3. 
						
  3. js div浮动层拖拽效果代码
		
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/ ...
    
		
    4. 
						
  4. DIV 浮动存不占空间
		
    DIV 浮动存不占空间比如<div style="width:80px; border:1px solid #333"><div style="floa ...
    
		
    5. 
						
  5. div模拟textarea文本域轻松实现高度自适应
		
    <!doctype html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
    
		
    6. 
						
  6. div模拟textarea文本域轻松实现高度自适应——张鑫旭
		
    by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1362 一.关于tex ...
    
		
    7. 
						
  7. Div 浮动到另一个div之上
		
    转自原文Div 浮动到另一个div之上 <html xmlns="http://www.w3.org/1999/xhtml"> <head> <met ...
    
		
    8. 
						
  8. 多个div的多文本部分展开显示+关键字自动标注
		
    效果: 源码: <%@ page language="java" contentType="text/html; charset=utf-8" pageE ...
    
		
    9. 
						
  9. 如何遍历div里面的文本内容，用each方法，
		
    如何遍历div里面的文本内容,然后进行匹配传来的数据,进行选中div,并进行CSS样式处理, for(i = 0; i< $(".itemMenuRowBox").child ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. session属性的清除和非法登录
			
    有的项目会将登录用户的资料存于session的一个属性中,这样方便获取一些数据使用,但是用户退出时需要将session的这个属性清除,一面造成一些不必要的麻烦,但是有些时候,在后台清除了这个属性,在拦 ...
    
			
    2. 
						
  2. mysql 索引和查询优化
			
    对于任何DBMS,索引都是进行优化的最主要的因素.对于少量的数据,没有合适的索引影响不是很大,但是,当随着数据量的增加,性能会急剧下降.如果对多列进行索引(组合索引),列的顺序非常重要,MySQL仅能 ...
    
			
    3. 
						
  3. Mongodb 删除记录里的某个字段
			
    //例如要把User表中address字段删除 db.User.update({},{$unset:{'address':''}},false, true)
    
			
    4. 
						
  4. 博客笔记（blog notebook）
			
    1. 机器学习 2. NLP 3. code 实际好人 实际坏人 预测百分比 预测好人 \(p_GF^c(s_c\|G)\) \(p_BF^c(s_c\|B)\) \(F^c(s_c)\) 预测坏人  ...
    
			
    5. 
						
  5. maven项目打包jar，含有依赖jar
			
    在pom文件中添加一下插件 <plugin> <artifactId>maven-assembly-plugin</artifactId> <configur ...
    
			
    6. 
						
  6. [AtCoderContest010D]Decrementing
			
    [AtCoderContest010D]Decrementing 试题描述 There are \(N\) integers written on a blackboard. The \(i\)-th ...
    
			
    7. 
						
  7. [luoguP3231] [HNOI2013]消毒（最小点覆盖 + 状压）
			
    传送门 考虑贪心,控制某一维为1,另两位最大是最优的,也就是一次选一个厚度为1的面 那么对于每个点,可以有3种面是可以选到它的 然后gg 考虑二维的状态,一个平面,有些点,一次选一行或一列最优 那么每 ...
    
			
    8. 
						
  8. [图论训练]1143: [CTSC2008]祭祀river 二分图匹配
			
    Description 在遥远的东方,有一个神秘的民族,自称Y族.他们世代居住在 水面上,奉龙王为神.每逢重大庆典, Y族都会在水面上举办盛大的祭祀活动.我们可以把Y族居住地水系看成一个由岔口和河道组 ...
    
			
    9. 
						
  9. （转）Java字符串整形（例：0001）
			
    原文地址:https://blog.csdn.net/xuexiiphone/article/details/51372692 caseID = preFix + String.format(&quo ...
    
			
    10. 
						
  10. storage存储对象和数组类型时候的问题
			
    storage类型存储的类型为字符串,直接使用localstorage.setItem方法存储进去,取出来的时候数据是不能够使用的 解决方法: 先使用JSON.stringify方法转换成为字符串,然 ...
    
			
    11.