IE6.0对padding的解读分析

2022-7-14

本文向大家描述一下IE6.0对padding的解读分析，IE6.0是让人头疼的一块心病，虽然说它是被公认的垃圾浏览器，但使用它的用户不再少数，因为在安装微软操作系统的时候IE被捆绑到客户机器的。

IE6.0对padding的解读分析

IE6.0是让人头疼的一块心病，每当写div+css布局页面的时候总是惦记着他，虽然说它是被公认的垃圾浏览器，但使用它的用户不再少数，因为在安装微软操作系统的时候IE被捆绑到客户机器的。

IE6.0对padding的解读和Firefox还有IE7等浏览器是不同的，下面举个例子：

 
 
 
  
  
  <styletypestyletype="text/css"> 
  
  
   
  
  
  <!--  
  
  
   
  
  
  #test{  
  
  
   
  
  
  width:200px;  
  
  
   
  
  
  height:200px;  
  
  
   
  
  
  padding:10px;  
  
  
   
  
  
  }  
  
  
  --> 
  
  
   
  
  
  </style> 
  
  
   
  
  
  </head> 
  
  
   
  
  
  <body> 
  
  
   
  
  
  <dividdivid="test"> 
  
  
   
  
  
  </div> 
  
  
   
  
  
  </body>

Test是一个div对象，现在设定了他的宽度200px，高度是200px，边框是1px，内边距是10px，这个时候在不同的浏览器下解读就会出现问题了，这个问题主要是由于IE6.0的bug造成的。在FF下解读出的div的实际表现长度是200px高度是200px，内边距是10px。在IE6下的数据是：宽度220px高度200px，由此可见对padding的解读错误只是对宽度有影响，高度没有什么变化。

从上面的区别可以看出IE6.0的对padding的解读中不算作定义的width的一部分，而FF和IE7或者IE8都看作是width的一部分。

【编辑推荐】

解析CSS中padding-left属性用法
实例解析CSS padding 属性用法
探究IE和Firefox下的2款HTTP调试工具用法
CSS教程：详解margin和padding属性应用场合
实现IE6、IE7、IE8多版本浏览器共存的五种方法

作者：后浪云

链接：https://www.idc.net/help/396320/

文章版权归作者所有，未经允许请勿转载。

THE END