时间戳

首页 > 解决方案 > 嵌套导航中的子菜单未按预期工作

html - 嵌套导航中的子菜单未按预期工作

问题描述

我正在尝试为我的团队项目编写 HTML 文档。当我尝试创建具有嵌套结构的导航菜单时，二级不显示任何内容。我可以就我的问题的可能原因获得一些建议吗？

    <section class="contents">
        <h1 id="contents">Contents</h1>
        <ul id="menu">
            <li><a href="#problem-statement-and-project-overview">Problem Statement and Project Overview</a>
                <ul>
                    <li><a href="#overview"></a></li>
                    <li><a href="#background"></a></li>
                    <li><a href="#problem"></a></li>
                    <li><a href="#solution"></a></li>
                </ul>
            </li>
            <li><a href="#use-case">Use Case</a></li>
            <li><a href="#development-timeline">Development Timeline</a></li>
            <li><a href="#technology">Technology </a></li>
            <li><a href="#data-sources">Data Sources</a></li>
            <li><a href="#team-capabilities">Team Capabilities</a></li>
            <li><a href="#user-interface">User Interface</a></li>
        </ul>
    </section>

在此处输入图像描述

标签： html

解决方案

您只需要在a标签之间放置一些内容

<section class="contents">
        <h1 id="contents">Contents</h1>
        <ul id="menu">
            <li><a href="#problem-statement-and-project-overview">Problem Statement and Project Overview</a>
                <ul>
                    <li><a href="#overview">overview</a></li>
                    <li><a href="#background">background</a></li>
                    <li><a href="#problem">problem</a></li>
                    <li><a href="#solution">solution</a></li>
                </ul>
            </li>
            <li><a href="#use-case">Use Case</a></li>
            <li><a href="#development-timeline">Development Timeline</a></li>
            <li><a href="#technology">Technology </a></li>
            <li><a href="#data-sources">Data Sources</a></li>
            <li><a href="#team-capabilities">Team Capabilities</a></li>
            <li><a href="#user-interface">User Interface</a></li>
        </ul>
    </section>

推荐阅读