IE7中大型菜單的CSS

Question

參見http://jsfiddle.net/jN5G4/1/

如何將“ 5欄 ”菜單下拉到其他下拉菜單以對齊？

我從5列列表項中刪除了<a href...> </a>標記，現在從該項目下方下拉的下拉菜單在主菜單上下拉。

Answer 1

這是因為純文本不會注冊為塊級元素，並且下拉列表基本上是從文本的頂部對齊。 要解決此問題，只需將純文本添加到塊級元素（例如p標簽）中，或將其包含在span標簽中，只需確保將其顯示為塊即可，如下所示：

的CSS

#menu li span {
  display:block;
}

的HTML

<li>
   <span>5 Columns</span>
....