IE的壞脾氣 3畫素Bug

2021-09-08 09:39:07 字數 405 閱讀 3121

在乙個典型的浮動中,如下面的所示:灰色矩形是外部容器,綠色容器在外部容器內向左浮動,未浮動的部分包圍著浮動部分。但是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...