IE的壞脾氣 3畫素Bug

在乙個典型的浮動中，如下面的所示：灰色矩形是外部容器，綠色容器在外部容器內向左浮動，未浮動的部分包圍著浮動部分。但是ie6在解析這樣的浮動時，會莫名的給靠緊浮動部分的未浮動部分新增3個畫素的邊距。為了更加直觀，讓我們將firefox和ie6中的效果做一對比（上圖是firefox中的效果，下圖是ie6中的效果）：

你會清晰的觀察到ie6中的3畫素邊距bug。為了確定到底是不是3個畫素，我在photoshop將放大到1600%，如下面的截圖所示，的確是3個畫素。

如何解決這個bug？

如果這個bug不影響你的布局，你完全可以讓它隨風而去。但是，如果影響了布局或者你不能容忍一點點瑕疵的話，只需要將浮動部分的右邊距向左縮排3個畫素，使用只針對ie的hack。

1

* html .float

IE的壞脾氣 3畫素Bug

在乙個典型的浮動中，如下面的所示 灰色矩形是外部容器，綠色容器在外部容器內向左浮動，未浮動的部分包圍著浮動部分。但是ie6在解析這樣的浮動時，會莫名的給靠緊浮動部分的未浮動部分新增3個畫素的邊距。為了更加直觀，讓我們將firefox和ie6中的效果做一對比 上圖是firefox中的效果，下圖是ie6...

話裡話外 壞脾氣都是被逼出來的

tim的 序 一部書稿的出版權招標，居然吸引來全國各地30多家出版社，這在國內絕對是一件新鮮事 而中標的上海文藝出版社對著作權人做出承諾 首批印刷55萬冊，版稅稅率 3年內保底銷量20萬冊 這一串數字更是令人瞠目。易中天是學者中第乙個出書版權最高的人，他說 做學問，不一定要受窮 關注易中天 易中天1...

話裡話外 壞脾氣都是被逼出來的

tim的 序 一部書稿的出版權招標，居然吸引來全國各地30多家出版社，這在國內絕對是一件新鮮事 而中標的上海文藝出版社對著作權人做出承諾 首批印刷55萬冊，版稅稅率 3年內保底銷量20萬冊 這一串數字更是令人瞠目。易中天是學者中第乙個出書版權最高的人，他說 做學問，不一定要受窮 關注易中天 易中天1...