Windows XP Windows 7 Windows 2003 Windows Vista Windows教程綜合 Linux 系統教程
Windows 10 Windows 8 Windows 2008 Windows NT Windows Server 電腦軟件教程
 Windows教程網 >> 電腦軟件教程 >> 網絡工具 >> IE8中關於margin collapsing的一些問題

IE8中關於margin collapsing的一些問題

日期:2017/2/7 17:39:25      編輯:網絡工具
該怎麼解決margin collapsing問題,在這裡就不做太多討論,相關的解決方案網上也很多。前面IE8剛剛面市,於是就決定用IE8看看以前自己做的頁面,是否夠健壯,結果發現margin collapsing的解決方案在IE8中沒能起效。

以前的解決方案:

.clear {
     clear: both;
     font-size: 0px;
     line-height: 0px;
       }

費解竟然這種解決方案不奏效了,於是用IE DEVELOPE TOOLBAR調試,發現 是存在的,那究竟是什麼原因呢?在網上也沒能找到相關的問題,只能自己解決(哎,本想站在巨人->Google的肩膀上總能看的更遠)。不費話了,下面的自己找到的解決方法:

.clear {
    clear: both;
    font-size: 1px;
    height: 1px;
    line-height: 1px;
       }

可能IE8在對頁面解析呈現時,對高度為0的元素,根本不作為考慮的對象(個人理解,不具權威性)、還有一點不得不在這兒也要提醒一下,就是它的缺點:就是頁面會產生多余的1px高的空白(不過本人想這應該在現實中不會有什麼大不了的影響)。

Copyright © Windows教程網 All Rights Reserved