在CSS中，<li>常常用于創建菜單、目錄和列表等項目。然而，在一些情況下可能會遇到<li>重疊的問題。下面將介紹一些可能導致<li>重疊的原因：

/* 1. 繼承樣式 */
ul {
font-size: 14px;
}
ul li {
font-size: inherit;
}

在這種情況下，如果<li>中使用了display: inline-block;或float: left;等屬性，由于繼承了<ul>的字體大小樣式，可能會導致<li>重疊的問題。

/* 2. 負外邊距 */
ul li {
margin-bottom: -5px;
}

如果在<li>中設置了負外邊距，可能會導致<li>重疊的問題。這是因為外邊距是相對于<li>上面的元素計算的，如果負外邊距的值太大，會導致<li>上面的元素被覆蓋。

/* 3. 相對定位 */
ul li {
position: relative;
top: 10px;
}

如果在<li>中設置了相對定位并給top屬性設置了一個較大的值，可能會導致相鄰的<li>重疊。這是因為相對定位會導致<li>脫離文檔流，因此相鄰的<li>可能會互相覆蓋。

以上是一些可能導致<li>重疊的原因，可以通過調整CSS樣式避免重疊問題。