html - 如何放置水平下拉菜单栏

Question

我在放置水平子菜单栏时遇到了问题。基本上，我可以做垂直下拉菜单栏，但我不知道如何制作水平下拉菜单栏。这就是我能做到的：http: //jsfiddle.net/eSxT9

但我需要这个：https ://www.dropbox.com/s/idx2r5bkbuzd1t0/horizo​​natl-sub-menubar.png

我想做CSS。我想，我将不得不更改此代码：

.nav ul ul {
        position: absolute;
        left: 0;
        right: 0;
        display: none;
        z-index: 5; 
    }

我删除了左：0，右：0，宽度为 100%。但是，它不会起作用。我不知道我该怎么做。请帮我。

Answer 1

给内部 UL 一个宽度并浮动该内部 UL http://jsfiddle.net/eSxT9/1/的 LI

.nav ul ul {
    position: absolute;
    width:1000px;
    left: 0;
    right: 0;
    display: none;
    z-index: 5; 
}
.nav ul ul li {
    float:left;
    margin: 0;
}

Answer 2

你需要display: inline用于那个特定的<ul>

下面是一个类似的逻辑示例http://jsfiddle.net/kevinPHPkevin/te5AU/268/