水平'子菜单'导航

Question

我正在建立一个设计网站发送给我，但我很难搞清楚如何创建一个水平子菜单。如果您现在查看该站点，您将看到ABOUT菜单项具有虚拟子页面/链接。子菜单垂直下降。如何在附加的屏幕截图中将其设置为水平？

链接：http://website-test-lab.com/sites/tcf

以下是jsfiddle：jsfiddle.net/huwrowlands/2sQbn（基本代码）

谢谢

Answer 1

在display:inline-block;元素上使用float:left;或li。就像你在另一个ul上一样。

e.g：

.nav ul li ul li {float: left}

或

.nav ul li ul li {display:inline-block;}

Answer 2

您需要在下拉菜单中浮动元素。

.nav ul li ul li {float: left}

从.sub-menu

中删除宽度