Question

我正在尝试为我的网站http://jackcrane.co.uk

创建一个下拉菜单

我想创建一个仅下拉文字菜单，以显示在Health＆amp ;;健身和游戏文本，目前我一直试图在这里摆弄一些代码 - http://jsfiddle.net/VCX7T/6/（css在jsfiddle网站上）

<nav>
<ul>
    <li>Parent 1
        <ul>
            <li>Child 1</li>
            <li>Child 2</li>
            <li>Child 3</li>
        </ul>
    </li>
    <li>Parent 2
        <ul>
            <li>Child 4</li>
            <li>Child 5</li>
            <li>Child 6</li>
        </ul>
    </li>
</ul>

但是不能让它下降到我需要的地方下面，有人能帮忙吗？感谢

Answer 1

我用下拉菜单更新了你的小提琴。我更改了以下代码：

/* This part makes the top-level menu horizontal instead of vertical */
nav ul li {
    display:inline;
}

/* This part positions the submenus */
nav > ul > li ul {
    position: absolute;
    left: 10px;
    top: 30px;
}

链接到小提琴：http://jsfiddle.net/VCX7T/231/

如何创建文本菜单和文本仅子菜单？

1 个答案: