本文向大家描述一下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的一部分。
【編輯推薦】