Html 我的菜单栏子菜单不可见

我正在处理我网站上的菜单

在我的网站，这里是我的结构- 文章-菜单 科技文章-子菜单 Blogger教程--子菜单--（问题不可见） 照片教程-子菜单

但我的问题是“博客教程”菜单不可见。我试图解决这个问题，但没有得到任何解决方案。您可以在我的网站上看到问题：

显示问题的图像：

问题在于额外的

ul

只需将您的照片博客的

li

和博客教程的

li

放入单个

ul

：

<ul class='menu'> <!-- Customize Navigation Menu Here -->
  <li class='home'><a expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='http://www.joblesspanda.com/2019/04/all-tools.html' itemprop='url'><span itemprop='name'>Tools</span></a></li>
  <li><a class='with-ul' href='http://www.joblesspanda.com/search/label/Articles' itemprop='url'><span itemprop='name'>Articles</span></a>
    <ul class='sub-menu'>
      <li><a class='with-ul' href='http://www.joblesspanda.com/search/label/Tech%20Articles' itemprop='url'><span itemprop='name'>Tech Articles</span></a>
        <ul class='sub-menu'>
          <li><a href='http://www.joblesspanda.com/search/label/Blogger%20Tutorials'>Blogger Tutorials</a>
            <ul class='sub-menu'>
              <li><a href='http://www.joblesspanda.com/2019/06/Blogger-Complete-Tutorial---Step-By-Step-Guide.html'>Blogger Complete Tutorial - Step By Step Guide</a></li>
              <li><a href='http://www.joblesspanda.com/2019/07/How-To-Share-Blog-Post-On-Facebook-Twitter-Tumblr-Google-Plus-etc-Automatically.html'>How To Share Blog Post On Facebook, Twitter, Tumblr, Google+ etc Automatically</a></li>
              <li><a href='http://www.joblesspanda.com/search/label/Tech%20Articles'>More Articles</a></li>
              <!--<li><a href='#'>Sub Sub-Menu 3</a></li>
    <li><a href='#'>Sub Sub-Menu 4</a></li>-->
            </ul>
          </li>
          <li><a href='http://www.joblesspanda.com/search/label/Blogger%20Tutorials'>Photo Tutorials</a>
          </li>
        </ul>
      </li>
      <li><a href='https://joblesspandablog.blogspot.com/2019/04/no-article-available-yet.html' itemprop='url'><span itemprop='name'>Android Articles</span></a></li>
      <li><a href='https://joblesspandablog.blogspot.com/2019/04/no-article-available-yet.html' itemprop='url'><span itemprop='name'>Gaming Articles</span></a></li>
      <li><a href='http://www.joblesspanda.com/search/label/More%20Articles' itemprop='url'><span itemprop='name'>More Articles</span></a></li>
    </ul>
  </li>
  <!--<li><a href='https://joblesspandablog.blogspot.com/2019/04/no-article-available-yet.html' itemprop='url'><span itemprop='name'>Android Articles</span></a></li>-->
  <li><a href='http://www.joblesspanda.com/search/label/Quiz' itemprop='url'><span itemprop='name'>Quiz</span></a></li>
  <li><a href='http://www.joblesspanda.com/search/label/Websites%2FApps%20Reviews' itemprop='url'><span itemprop='name'>Websites/Apps Reviews</span></a></li>
  <li><a href='http://www.joblesspanda.com/2019/05/Amazon-Quiz-Answers-Today.html' itemprop='url'><span itemprop='name'>Amazon Quiz Answers</span></a></li>
</ul>

问题在于额外的

ul

只需将您的照片博客的

li

和博客教程的

li

放在单个

ul

中即可：

<ul class='menu'> <!-- Customize Navigation Menu Here -->
  <li class='home'><a expr:href='data:blog.homepageUrl'>Home</a></li>
  <li><a href='http://www.joblesspanda.com/2019/04/all-tools.html' itemprop='url'><span itemprop='name'>Tools</span></a></li>
  <li><a class='with-ul' href='http://www.joblesspanda.com/search/label/Articles' itemprop='url'><span itemprop='name'>Articles</span></a>
    <ul class='sub-menu'>
      <li><a class='with-ul' href='http://www.joblesspanda.com/search/label/Tech%20Articles' itemprop='url'><span itemprop='name'>Tech Articles</span></a>
        <ul class='sub-menu'>
          <li><a href='http://www.joblesspanda.com/search/label/Blogger%20Tutorials'>Blogger Tutorials</a>
            <ul class='sub-menu'>
              <li><a href='http://www.joblesspanda.com/2019/06/Blogger-Complete-Tutorial---Step-By-Step-Guide.html'>Blogger Complete Tutorial - Step By Step Guide</a></li>
              <li><a href='http://www.joblesspanda.com/2019/07/How-To-Share-Blog-Post-On-Facebook-Twitter-Tumblr-Google-Plus-etc-Automatically.html'>How To Share Blog Post On Facebook, Twitter, Tumblr, Google+ etc Automatically</a></li>
              <li><a href='http://www.joblesspanda.com/search/label/Tech%20Articles'>More Articles</a></li>
              <!--<li><a href='#'>Sub Sub-Menu 3</a></li>
    <li><a href='#'>Sub Sub-Menu 4</a></li>-->
            </ul>
          </li>
          <li><a href='http://www.joblesspanda.com/search/label/Blogger%20Tutorials'>Photo Tutorials</a>
          </li>
        </ul>
      </li>
      <li><a href='https://joblesspandablog.blogspot.com/2019/04/no-article-available-yet.html' itemprop='url'><span itemprop='name'>Android Articles</span></a></li>
      <li><a href='https://joblesspandablog.blogspot.com/2019/04/no-article-available-yet.html' itemprop='url'><span itemprop='name'>Gaming Articles</span></a></li>
      <li><a href='http://www.joblesspanda.com/search/label/More%20Articles' itemprop='url'><span itemprop='name'>More Articles</span></a></li>
    </ul>
  </li>
  <!--<li><a href='https://joblesspandablog.blogspot.com/2019/04/no-article-available-yet.html' itemprop='url'><span itemprop='name'>Android Articles</span></a></li>-->
  <li><a href='http://www.joblesspanda.com/search/label/Quiz' itemprop='url'><span itemprop='name'>Quiz</span></a></li>
  <li><a href='http://www.joblesspanda.com/search/label/Websites%2FApps%20Reviews' itemprop='url'><span itemprop='name'>Websites/Apps Reviews</span></a></li>
  <li><a href='http://www.joblesspanda.com/2019/05/Amazon-Quiz-Answers-Today.html' itemprop='url'><span itemprop='name'>Amazon Quiz Answers</span></a></li>
</ul>

您在li中有多个

ul

。移除第二个

ul

元件。它将显示。检查下面的屏幕截图

之前：

之后：（删除

ul

之后）

之后：（如果您想要照片教程文本，需要将其添加到

li

）

您在li中有多个

ul

。移除第二个

ul

元件。它将显示。检查下面的屏幕截图

之前：

之后：（删除

ul

之后）

之后：（如果您想要照片教程文本，需要将其添加到

li

）