代碼沒有優(yōu)化，只想表現(xiàn)方法與思路。

圖中顯示了QQ資料可以自主設(shè)置好友備注（標(biāo)注“1”），一般情況下用于幫助用戶能更快更容易的將列表中的好友和潛意識(shí)中的某個(gè)特定的人相關(guān)聯(lián)。設(shè)置后，無論對(duì)方怎么改昵稱，自己好友列表中的名字都不會(huì)變（標(biāo)注“2“），由此解決了一些用戶經(jīng)常不知道好友是誰的問題。但同時(shí)也帶來了另一個(gè)問題：

“昵稱”本身最大的意義就在于個(gè)性化傳播，假如，我希望我所改變的昵稱能在第一時(shí)間讓我的好友收到，而好友卻因?yàn)椴幌胍驗(yàn)槲腋拿蟛徽J(rèn)識(shí)我了，逼不得已對(duì)我進(jìn)行了備注操作，那么我的愿望將無法達(dá)成，好友必須“查看資料”來被動(dòng)更新我的最新昵稱（好友并不知道我改過昵稱）！

個(gè)人建議是，在好友列表中仍然顯示好友的個(gè)性昵稱，而當(dāng)用戶需要了解此人時(shí)，再點(diǎn)擊資料，主動(dòng)獲取此人的備注（如果已經(jīng)添加），這不僅符合傳統(tǒng)意義對(duì)“備注”的定義，同時(shí)也保權(quán)了部分用戶的個(gè)性化展示需求。


踏踏實(shí)實(shí)做人，勤勤懇懇做事，我的技術(shù)博客，時(shí)隔一年，繼續(xù)更新！

是在藍(lán)色理想上面回答一個(gè)問題時(shí)設(shè)計(jì)的。個(gè)人覺得難度主要在于兼容ＩＥ與ＦＦ兩個(gè)瀏覽器方面！

<style>  
#nav ul  {  
    list-style  :  none  ;  
      }  
#nav li  {  
    float  :  left  ;  
    margin  :  0 10px  ;  
      }  
#nav a  {  
    text-decoration  :  none  ;  
    display  :  block  ;  
    width  :  60px  ;  
    border-left  :  5px solid #ccc  ;  
    padding-left  :  3px  ;  
    raven_on  :  expression(onmouseover=function(){this.all.tags("span")[1].style.color="rgb(0,106,161)"  ;   }  );
    raven_off:expression(onmouseout=function()  {  this.all.tags("span")[1].style.color="#999";  }  );
}
#nav a:hover  {  
    border-left  :  5px solid red  ;  
}  
#nav span  {  
    display  :  block  ;  
    font-size  :  12px  ;  
    color  :  #000  ;  
}  
#nav .navtext_en  {  
    font-family  :  Verdana  ;  
    font-size  :  10px  ;  
    font-weight  :  bold  ;  
    line-height  :  10px  ;  
    color  :  #999  ;  
}  
#nav a:hover [class="navtext_en"]  {  
    color  :  rgb(0,106,161)  ;  
}  
</style>  


<div   id  ="nav">   
      <ul>  
          <li><a   href  ="#"><span>  返回首頁  </span><span   class  ="navtext_en">  Home  </span></a></li>  
          <li><a   href  ="#"><span>  注冊申請  </span><span   class  ="navtext_en">  Reg  </span></a></li>  
          <li><a   href  ="#"><span>  最新日志  </span><span   class  ="navtext_en">  Read  </span></a></li>  
          <li><a   href  ="#"><span>  博客列表  </span><span   class  ="navtext_en">  Insider  </span></a></li>  
          <li><a   href  ="#"><span>  可選模板  </span><span   class  ="navtext_en">  Template  </span></a></li>  
      </ul>  
</div>   

?

很多人在以往的頁面制作中用valign:bottom實(shí)現(xiàn)底部對(duì)齊。

但是在xHTML中，CSS中沒有了這個(gè)就不知道如何是好，以下為解決方法：

css：

html：

在xhtml排版中有個(gè)問題每個(gè)新人都要遇到，那就是一個(gè)div的float會(huì)影響到其父級(jí)元素hieght為值為0，對(duì)于ie和非ie，有以下兩種解決方法：

IE中：
用height:1%
例：

非IE中：
用:after
例：