IE6.0对padding的解读分析

开发 前端
IE6.0对padding的解读和Firefox还有IE7等浏览器是不同的,本文向大家介绍一下IE6.0对padding的解读分析,希望对你的学习有所帮助。

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

IE6.0对padding的解读分析

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

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

  1. <styletypestyletype="text/css"> 
  2.  
  3. <!--  
  4.  
  5. #test{  
  6.  
  7. width:200px;  
  8.  
  9. height:200px;  
  10.  
  11. padding:10px;  
  12.  
  13. }  
  14. --> 
  15.  
  16. </style> 
  17.  
  18. </head> 
  19.  
  20. <body> 
  21.  
  22. <dividdivid="test"> 
  23.  
  24. </div> 
  25.  
  26. </body> 
  27.  

 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的一部分。

【编辑推荐】

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

 

责任编辑:佚名 来源: csdn.net
相关推荐

2010-09-30 14:11:41

JSIE6.0

2010-08-23 16:09:31

IEfirefoxPadding

2010-01-28 14:04:35

C++链表

2011-01-26 12:56:24

2011-12-27 10:21:17

浏览器市场份额

2010-08-19 15:24:52

IE6IE7IE8

2010-09-29 08:45:12

Rundll32卸载

2010-09-09 16:47:49

CSS paddingFirefox

2010-08-19 15:04:26

IE6DIV

2010-02-04 10:10:34

Dalvik虚拟机

2010-10-09 09:37:25

IE8.0DIV

2010-10-11 12:10:33

VoIP技术体制

2021-03-11 11:50:53

WordpressIE 11浏览器

2010-08-24 10:53:49

CSSpaddingIE

2009-12-31 10:58:31

silverlight

2020-11-02 19:20:05

IEEdge微软

2024-01-05 10:55:01

2013-09-17 09:42:20

IE 8浏览器

2010-08-20 14:47:02

IEFirefoxCSS

2010-04-17 19:20:26

点赞
收藏

51CTO技术栈公众号