淺談IE8中關(guān)于margin collapsing的一些問題
該怎么解決margin collapsing問題，在這里就不做太多討論，相關(guān)的解決方案網(wǎng)上也很多。前面IE8剛剛面市，于是就決定用IE8看看以前自己做的頁面，是否夠健壯，結(jié)果發(fā)現(xiàn)margin collapsing的解決方案在IE8中沒能起效
margin collapsing問題以前的解決方案：
- .clear {
- clear: both;
- font-size: 0px;
- line-height: 0px;
- }
費解竟然這種解決方案不奏效了，于是用IE DEVELOPE TOOLBAR調(diào)試，發(fā)現(xiàn)<div class="clear" ></div>是存在的，那究竟是什么原因呢？在網(wǎng)上也沒能找到相關(guān)的問題，只能自己解決（哎，本想站在巨人->Google的肩膀上總能看的更遠）。不費話了，下面的自己找到的解決方法：
- .clear {
- clear: both;
- font-size: 1px;
- height: 1px;
- line-height: 1px;
- }
margin collapsing問題PS：可能IE8在對頁面解析呈現(xiàn)時，對高度為0的元素，根本不作為考慮的對象（個人理解，不具權(quán)威性）、還有一點不得不在這兒也要提醒一下，就是它的缺點：就是頁面會產(chǎn)生多余的1px高的空白（不過本人想這應(yīng)該在現(xiàn)實中不會有什么大不了的影響）。
【編輯推薦】
責(zé)任編輯：彭凡
來源：
cnblogs
