导航菜单设计

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;？

Answer 1

使用显示而不是定位更为正确，因为它实际上隐藏了元素而不是仅仅将其移到页面之外。

此外，这也为您节省了3行代码。

Answer 2

如果您想隐藏它，那么为什么不使用display:none;和display:block;？您考虑移动它们的原因是什么？