css - 导航菜单设计

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;hoovertop:0; left:0;
或 display:none;hoover隐藏下拉列表display:block;？

Answer 1

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

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

Answer 2

如果你想隐藏它，那么为什么不使用display:none;anddisplay:block;呢？你有什么理由考虑移动它们吗？