css - 像这样进行 Nav 最简单的方法是什么？

Question

我不知道如何制作这样的导航:

http://www.andertons.co.uk/

悬停几乎与主导航脱节。有什么想法/技巧可以实现吗？

谢谢，丹

Answer 1

试试这个:

<div class="naviItem">
    Games
    <ul>
        <li>Game 1</li>
        <li>Game 1</li>
        <li>Game 1</li>
    </ul>
</div>

CSS:

.naviItem ul {
    display: none;
}

.naviItem:hover ul {
    display: block;
}