html - 如何做水平子菜单

Question

之前我会一点英语。所以我很抱歉。

我尝试使用 CSS 制作下拉菜单。完成菜单后，最终 View 如下图。

子菜单列表必须并排。

但是我的问题。我的列表没有在子菜单类中并排显示。

编辑 如果我为#dl_menu .sub-menu 写一个恒定的宽度，一切都很好。但是我的 .sub-menu 可能有 3 个元素，也许有 6 个元素，我的子菜单是宽度改变它。不是吗。 ？ 所以我不能写恒定宽度。

此链接的示例。

http://jsbin.com/fulekulo/7/edit?html,css,output

谢谢你的帮助。 谢谢。

Answer 1

像这样更改菜单 CSS

#dl_menu .sub-menu {
    display: table;
    position: absolute;
    padding: 0;
    right: 0;
    top: 40px;
    float: left;
    width: 304px;
    left: 0px;
    top: 30px;
}