如何做水平子菜单

Question

在我的英语之前。所以我很抱歉。

我尝试使用css的dropown菜单。完成菜单后，如下图所示。

子菜单列表必须并排。

但我的问题。我的列表并没有在子菜单类中并排发生。

修改 如果我为#dl_menu .sub-menu写一个恒定的宽度，一切都还可以。但我的.sub菜单可能有3个项目，可能是6个项目，我的子菜单是宽度更改它。不是吗？ 所以我不能写出恒定的宽度。

此链接示例。

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

谢谢你的帮助。 谢谢。

Answer 1

#dl_menu .sub-menu{width:400px;}

http://jsfiddle.net/kisspa/dsx8R/

Answer 2

像这样更改您的菜单CSS

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