CSS是網頁開發中的一項非常重要的技術，它可以用來美化網站的樣式，還可以實現頁面的自適應。本文將介紹一種利用CSS實現自適應菜單的方法。

首先，我們需要在HTML中添加一個包含菜單項的容器。為了簡化代碼，我們這里使用ul和li標簽來實現菜單的結構。HTML代碼如下：

<ul class="menu">
<li><a href="#">菜單項1</a></li>
<li><a href="#">菜單項2</a></li>
<li><a href="#">菜單項3</a></li>
<li><a href="#">菜單項4</a></li>
</ul>

接著，我們需要添加CSS樣式來實現自適應菜單。這里我們使用了Flexbox布局，它可以讓菜單項自適應寬度，根據容器的大小自動換行。CSS代碼如下：

.menu {
display: flex;
flex-wrap: wrap;
}
.menu li {
flex: 1 0 120px; /* 控制菜單項的寬度 */
text-align: center;
}
.menu a {
display: block;
padding: 10px;
text-decoration: none;
color: #333;
border: 1px solid #ccc;
}

以上代碼中，display: flex;設置容器為彈性盒子，flex-wrap: wrap;設置容器中的flex子項自動換行。而flex: 1 0 120px;指定了菜單項的占比、縮放比和基準寬度。最后，對菜單項和菜單鏈接設置了一些基本樣式。

通過以上步驟，我們就可以實現一個簡單的自適應菜單了。當我們改變容器的寬度時，菜單項會自動換行，而不會出現溢出的情況。