開始架設(shè)自己的博客時(shí)，在IE、firefox、chrome、360瀏覽器都測(cè)試過，前臺(tái)表現(xiàn)沒有問題。前幾天，有個(gè)國(guó)外的朋友給我博客的留言說我的博客在他瀏覽時(shí)有點(diǎn)問題，他用的是opera。我馬上下了個(gè)opera測(cè)試了一下，果不其然。在opera下，導(dǎo)航條下面的margin變得非常小了。
下面是在IE和opera下的對(duì)比：
涉及到表現(xiàn)的源代碼如下：
01 <div id="lt_title">
02 <span title="Article Title"><h3>怎樣才寶貴</h3></span>
03 </div>
04
05 <div id="lt_navigation_top">
06 <div class="lt_navigation_left">
07 <a ><< Older Article</a>
08 </div>
09
10 <div class="lt_navigation_center">
11 <span title="Publish Day">Fri 10/29/2010</span>
12 </div>
13
14 <div class="lt_navigation_right">
15 <a >Newer Article >></a>
16 </div>
17
18 <div style="clear:both;"></div>
19 </div>
20
21 <div class="lt_entry">
22 <p>最近一段時(shí)間非常輕松，以至于常常把“明天干什么”當(dāng)成無比復(fù)雜的問題來對(duì)待……</p>
23 </div>
1 #lt_navigation_top
2 {
3 margin:0 0 43px 0;
4 border-top:dotted 1px #ccc;
5 color:#ccc;
6 font-family:Century Gothic, Arial, Helvetica, Georgia, Sans-serif;
7 }
經(jīng)過測(cè)試發(fā)現(xiàn) div 在清除浮動(dòng)時(shí)有默認(rèn)高度，在opera表現(xiàn)為異常。
把清除浮動(dòng)的 div 改成如下寫法再測(cè)試
1 <div style="clear:both;height:0"></div>
效果基本上達(dá)到預(yù)期，但還是有很小的差別，最后干脆用 br 替換 div 來清除浮動(dòng)
1 <br style="clear:both;height:0;font-size:0px;" >
問題解決。
喜歡 
頂
難過
囧
圍觀
無聊
