最近在使用 CSS 布局時遇到了一個比較奇怪的問題：我在 HTML 代碼中同時使用了 ol 和 ul 標簽，但是它們的樣式卻出現了重疊，導致頁面顯示不正確。經過查找和嘗試，我總結了以下解決方法。代碼如下：

首先，我們可以通過給每個標簽添加不同的 class 來分別控制它們的樣式：

<ol class="ordered-list">
<li>列表項 1</li>
<li>列表項 2</li>
</ol>
<ul class="unordered-list">
<li>列表項 1</li>
<li>列表項 2</li>
</ul>

在上述代碼中，我們為有序列表添加了 "ordered-list" 類，為無序列表添加了 "unordered-list" 類，然后通過 CSS 語法為它們分別設置了不同的樣式。這樣，我們就可以避免兩個列表的樣式重疊了。

除此之外，我們還可以使用 CSS 偽類選擇器來控制每個列表項的樣式：

<ol>
<li>列表項 1</li>
<li>列表項 2</li>
</ol>
<ul>
<li>列表項 1</li>
<li>列表項 2</li>
</ul>

在上述代碼中，我們使用了 "ol li" 和 "ul li" 兩個偽類選擇器來分別控制有序列表項和無序列表項的樣式。這樣，我們也可以避免兩個列表的樣式重疊了。

總之，當我們在 HTML 代碼中同時使用了 ol 和 ul 標簽時，要注意它們的樣式可能會重疊。我們可以通過給它們分別添加類、使用偽類選擇器等方法來解決這個問題。