在寫網(wǎng)站時(shí)，遇到一個(gè)差點(diǎn)讓我抓狂的事情。以下是一個(gè)很簡(jiǎn)單的網(wǎng)頁：
在這個(gè)網(wǎng)頁中，創(chuàng)建了三個(gè)層，上面兩個(gè)層是并列的，下面一個(gè)層是單獨(dú)的，在IE中瀏覽可以達(dá)到我想要的結(jié)果，如下圖所示：
在上圖中，左邊的層用于輸出文章內(nèi)容，右邊的層用于輸出樹型菜單，下面的層用于輸出版權(quán)信息。整個(gè)網(wǎng)站都做完之后，突然想起在FireFox中測(cè)試一下效果，看看是否兼容，沒想到在Firefox中的效果居然完全不同。如下圖所示。
從上圖中可以看出，左邊的層并沒有將下面的層“擠”下去，而是超過了下面的層。這么一來，版權(quán)信息就會(huì)橫在文章內(nèi)容之中了。如果僅僅只是Firefox是這樣的話，也就算了，可是連Opera、Flock都是這種顯示結(jié)果，讓我不得不改了，研究了很久，終于讓我找到了一個(gè)解決方法，就是在下面的層上加上 “clear:both”，如下所示：
