DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> IE6.0對padding的解讀分析
IE6.0對padding的解讀分析
編輯:CSS詳解     

本文向大家描述一下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. #test{
  4. width:200px;
  5. height:200px;
  6. padding:10px;
  7. }
  8. -->
  9. </style>
  10. </head>
  11. <body>
  12. <dividdivid="test">
  13. </div>
  14. </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的一部分。

【編輯推薦】

  1. 解析CSS中padding-left屬性用法
  2. 實例解析CSS padding 屬性用法
  3. 探究IE和Firefox下的2款HTTP調試工具用法
  4. CSS教程:詳解margin和padding屬性應用場合
  5. 實現IE6、IE7、IE8多版本浏覽器共存的五種方法
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved