開始架設(shè)自己的博客時，在IE、firefox、chrome、360瀏覽器都測試過，前臺表現(xiàn)沒有問題。前幾天，有個國外的朋友給我博客的留言說我的博客在他瀏覽時有點問題，他用的是opera。我馬上下了個opera測試了一下，果不其然。在opera下，導(dǎo)航條下面的margin變得非常小了。
下面是在IE和opera下的對比：
涉及到表現(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>最近一段時間非常輕松，以至于常常把“明天干什么”當(dāng)成無比復(fù)雜的問題來對待……</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)過測試發(fā)現(xiàn) div 在清除浮動時有默認(rèn)高度，在opera表現(xiàn)為異常。
把清除浮動的 div 改成如下寫法再測試
1 <div style="clear:both;height:0"></div>
效果基本上達到預(yù)期，但還是有很小的差別，最后干脆用 br 替換 div 來清除浮動
1 <br style="clear:both;height:0;font-size:0px;" >
問題解決。
喜歡 
頂
難過
囧
圍觀
無聊
