ul做导航栏格式不对怎么改？

Question

用ul做横向导航栏，其他效果正常但是子表没排在父表下面

下面是代码：

<title>蘑菇图览</title>

蘑菇图览

---

<ul id="ulfather">
    <li class="lifather">
        <h3>颜色</h3>
    </li>
    <li class="lifather">
        <h3>毒性</h3>
    </li>
    <li class="lifather">
        <h3>菌柄</h3>
    </li>
    <li class="lifather">
        <h3>菌盖</h3>
    </li>
    <li class="lifather">
        <h3>高度</h3>
    </li>
    <li class="lifather">
        <h3>环境</h3>
    </li>
    <li class="lifather">
        <h3>季节</h3>
    </li>
</ul>

<li class="lifather">
    <h3>,</h3>
    <ul class="ulson">
        <li class="lison">红</li>
        <li class="lison">黄</li>
        <li class="lison">蓝</li>
        <li class="lison">绿</li>
        <li class="lison">紫</li>
        <li class="lison">黑</li>
        <li class="lison">白</li>
        <li class="lison">棕</li>
        <li class="lison">斑点</li>
    </ul>
</li>

• ,

  • 无毒
  • 有毒
  • 药用

• <li class="lifather">
      <h3>,</h3>
      <ul class="ulson">
          <li class="lison">无毒</li>
          <li class="lison">有毒</li>
          <li class="lison">药用</li>
      </ul>
  </li>
  <li class="lifather">
      <h3>,</h3>
      <ul class="ulson">
          <li class="lison">有</li>
          <li class="lison">无</li>
          <li class="lison">特殊</li>
      </ul>
  </li>
  <li class="lifather">
      <h3>,</h3>
      <ul class="ulson">
          <li class="lison">1厘米以下</li>
          <li class="lison">1至5厘米</li>
          <li class="lison">5厘米以上</li>
      </ul>
  </li>
  <li class="lifather">
      <h3>,</h3>
      <ul class="ulson">
          <li class="lison">干燥</li>
          <li class="lison">湿润</li>
      </ul>
  </li>
  <li class="lifather">
      <h3>,</h3>
      <ul class="ulson">
          <li class="lison">春夏</li>
          <li class="lison">秋冬</li>
      </ul>
  </li>
  

  网页结果：

  

Answer 1

以下回复引自免费微信小程序：皆我百晓生。 如问题解决，还请采纳。如仍有疑问，请回复留言或私信博主，以便获得更精准的帮助。

解决方法：将"U."前的元素从标签中移除，然后使用"U."后的内容作为标签。