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

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