二級菜單是網頁設計中經常使用到的設計元素，它可以幫助用戶更快地找到需要的內容。在使用中，我們經常會遇到二級菜單撐不滿的問題，影響了用戶體驗。下面介紹一下如何使用CSS控制二級菜單撐滿整個父級菜單的方法。

.menu {
position: relative;
display: inline-block;
}
.menu ul {
position: absolute;
top: 100%;
left: 0;
margin: 0;
padding: 0;
list-style: none;
display: none;
z-index: 999;
width: 100%;
}
.menu:hover ul {
display: block;
}
.menu ul li {
width: 100%;
}
.menu ul li a {
display: block;
}

首先，我們要給父級菜單添加一個相對定位的位置，并讓二級菜單的位置相對于它的下方。然后，我們設置二級菜單的寬度為100%。接著，我們給每個二級菜單項設置寬度為100%和塊級顯示，使它們可以撐滿整個父級菜單。

最后，在鼠標懸停在父級菜單上時，設置二級菜單的顯示方式為塊級顯示，并且使用z-index屬性確保二級菜單層級在父級菜單之上。這樣，當用戶懸停在父級菜單上時，二級菜單將會完全撐滿整個父級菜單。