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

Question

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

但我需要这个:https://www.dropbox.com/s/idx2r5bkbuzd1t0/horizonatl-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 float LI http://jsfiddle.net/eSxT9/1/

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