为什么里面的ul文字会重叠在一起？

Question

把一个ul在一个li里，然后给这个li和同辈li设置相同的height和line-height，为什么里面的ul文字会重叠在一起？怎么才能不重叠有自己的空间？li不是一个块级元素么？为什么会重叠呢

                         <ul>

                              <li class="items person_list">

                                      <a href="#">个人报表</a>

                                      <ul>

                                             <li class="file">

                                                      <a>文件一</a>

                                                      <ul>

                                                              <li class="document"><a>文档1</a></li>

                                                              <li class="document"><a>文档2</a></li>

                                                      </ul>

                                             </li>

                                             <li class="file"><a>文件二</a></li>

                                             <li class="file"><a>文件三</a></li>

                                      </ul>

                              </li>

                              <li class="items colect"><a>个人收藏</a></li>

                              <li class="items share"><a>我的分享</a></li>

                              <li class="items images"><a>图库</a></li>

                              <li class="items grow"><a>成长记录</a></li>

                              <li class="items account"><a>账户信息</a></li>

                      </ul>

Answer 1

你好好学下基础吧，怎么可能会用到ul的嵌套。你不如弄个表格。