在Div区域内获取纯CSS菜单？

Question

我正在使用Pure CSS菜单：

http://csswizardry.com/2011/02/creating-a-pure-css-dropdown-menu/

它工作正常，但我现在想把这个菜单放在另一个div区域内。但它只会出现在它下面。我可以通过将overflow设置为auto来使其显示在内部，但是然后菜单不会在鼠标悬停时展开。这是它的样子：

http://chemsworks.com/so/index.html

我只想要蓝色部分内的菜单栏？

我没有发布我的CSS或HTML，因为您可以从链接页面获取它。

提前致谢。

Answer 1

要修复菜单，请在导航栏div之后，在菜单之前删除该栏（|）字符，并正确清除菜单，如下所示：

.navbar:before, .navbar:after {
    display: table;
    content: "";
    zoom:1; /* fix for IE */
}

.navbar:after {
    clear: both;
}

Answer 2

您可以为display:inline添加#nav或从float:left删除#nav li并添加display:inline-block。我不知道你试图实现哪一个，但两者都会显示蓝色但不同的菜单。