html - 背景div菜单问题

Question

我想制作一个带有彩色背景的菜单。我在包含我的菜单的 div 上使用简单的“背景”或“背景颜色”，但我没有看到任何颜色。我知道这很愚蠢，但我真的被困住了..

这是 HTML:

 <header class="menu-top">
    <div class="menu">
        <ul>
            <li><a>Home</a></li>
            <li><a>Portfolio</a></li>
            <li><a>Contact</a></li>
        </ul>
    </div>
</header>

这是 JSFIDDLE:https://jsfiddle.net/szf1xksv/

Answer 1

另一种方法是使用:

.menu > ul > li {
  display: inline-block;
}

这将保留列表项的高度。