導航菜單設計

Question

我想設計一個導航菜單是這樣的：

<ul id="menu"> 
     <li><a>link1</a> 
     <ul class="subMenu"> 
      <li><a>sublink1</a></li> 
      <li><a>sublink1</a></li> 
     </ul> 
     </li> 
     <li><a>link2</a></li> 
     <li><a>link3</a></li> 
     <li><a>link4</a></li> 
    </ul> 

但從CSS點是如何更好地編寫代碼： 與position:absolute;left:-999em;和胡佛隱藏下拉列表top:0; left:0;
或 display:none;和display:block; hoover？

Answer 1

使用顯示器而不是定位更加正確，因爲它實際上隱藏了元素，而不是將它移動到頁面之外。

此外，這也爲您節省了3行代碼。

Answer 2

如果你想隱藏它，那麼爲什麼不使用display:none;和display:block;？爲什麼你考慮移動他們而不是？