CSS下拉菜单更改div背景颜色

Question

我今晚创建了一个有关手表的小网站。您可以在钟点信息上访问它。

（请不要在您的回复中发布我网站的实际URL。）

我想知道为什么从https://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/获得的下拉菜单显示在id =“ content”而不是id =“ banner”（蓝色背景）中。我希望菜单显示在带有蓝色背景的徽标文本下方。另外，有人知道横幅前为什么会有很多垂直空间吗？我还希望顶部的垂直空白空间更少。顺便说一下，我在Ubuntu Linux上使用Firefox。

Answer 1

在“ /horology.css”中的#banner类中添加显示属性（显示：inline-block;）

#banner {
    width: 800px;
    background-color: #00C;
    display: inline-block;
}