多个 ul / ol （无序列表/有序列表）的嵌套时的重叠问题

本来觉得写前端页面也不是一天两天，这样的问题应该是小菜一碟，可真正在做项目调格式的时候却突然懵逼了，想了半天才想明白是什么问题（也有可能因为之前已有的 css 总文件并不是我写的，没找到问题的症结）。如果你是一个前端小白，希望你不要踩这样的坑；如果你是一个入门级选手，希望你在做企业级项目的时候会想到这一点~

下面说正题

首先我搭了一个这样的页面框架

<div class="wrapper">
        <ul>
            <li>
                <span>我是第一个ul下的span</span>
                <ul>
                    <li>我是第一个li下嵌套ul的第一个li</li>
                    <li>我是第一个li下嵌套ul的第二个li</li>
                    <li>我是第一个li下嵌套ul的第三个li</li>