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 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/

的类似示例

如何放置水平下拉菜单栏

2 个答案: