IE6.0對padding的解讀分析
作者：zshwlw
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等瀏覽器是不同的，下面舉個例子：
- <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多版本瀏覽器共存的五種方法
責任編輯：佚名
來源：
csdn.net
