0 Comments

IE6.0对padding的解读分析

发布于:2013-07-22  |   作者:广州网站建设  |   已聚集:人围观

本文向大家描述一下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的一部分。

标签:
飞机