IE6.0對padding的解讀分析
作者：zshwlw
IE6.0對padding的解讀和Firefox還有IE7等瀏覽器是不同的，本文向大家介紹一下IE6.0對padding的解讀分析，希望對你的學(xué)習(xí)有所幫助。
本文向大家描述一下IE6.0對padding的解讀分析，IE6.0是讓人頭疼的一塊心病，雖然說它是被公認(rèn)的垃圾瀏覽器，但使用它的用戶不再少數(shù)，因?yàn)樵诎惭b微軟操作系統(tǒng)的時候IE被捆綁到客戶機(jī)器的。
IE6.0對padding的解讀分析
IE6.0是讓人頭疼的一塊心病，每當(dāng)寫div+css布局頁面的時候總是惦記著他，雖然說它是被公認(rèn)的垃圾瀏覽器，但使用它的用戶不再少數(shù)，因?yàn)樵诎惭b微軟操作系統(tǒng)的時候IE被捆綁到客戶機(jī)器的。
IE6.0對padding的解讀和Firefox還有IE7等瀏覽器是不同的，下面舉個例子：
- <styletypestyletype="text/css">
- <!--
- #test{
- width:200px;
- height:200px;
- padding:10px;
- }
- -->
- </style>
- </head>
- <body>
- <dividdivid="test">
- </div>
- </body>
Test是一個div對象，現(xiàn)在設(shè)定了他的寬度200px，高度是200px，邊框是1px，內(nèi)邊距是10px，這個時候在不同的瀏覽器下解讀就會出現(xiàn)問題了，這個問題主要是由于IE6.0的bug造成的。在FF下解讀出的div的實(shí)際表現(xiàn)長度是200px高度是200px，內(nèi)邊距是10px。在IE6下的數(shù)據(jù)是：寬度220px高度200px，由此可見對padding的解讀錯誤只是對寬度有影響，高度沒有什么變化。
從上面的區(qū)別可以看出IE6.0的對padding的解讀中不算作定義的width的一部分，而FF和IE7或者IE8都看作是width的一部分。
【編輯推薦】
- 解析CSS中padding-left屬性用法
- 實(shí)例解析CSS padding 屬性用法
- 探究IE和Firefox下的2款HTTP調(diào)試工具用法
- CSS教程：詳解margin和padding屬性應(yīng)用場合
- 實(shí)現(xiàn)IE6、IE7、IE8多版本瀏覽器共存的五種方法
責(zé)任編輯：佚名
來源：
csdn.net
