所以我得到了一些 div，像這樣：
<div class="personal-events-list">
<div class="specific-event black-font">Something</div>
<div class="specific-event black-font">Something else</div>
<div class="specific-event black-font">Something more</div>
</div>
我希望它們具有相同的大小（假設有意義的是最大的大小），如下所示： https://i.stack.imgur.com/XxgzK.jpg
#目前我有這樣的東西： https://i.stack.imgur.com/TZmKt.jpg#目前我有一個有「width: fit-content」的CSS，但這只會使它們的尺寸不同。我想出的唯一真正的解決方案是使它們全部固定大小，例如“寬度：300px”，但這會使一些更大/更小的名稱看起來有點時髦......有沒有辦法做我想要的事情？非常感謝您的寶貴時間！
編輯 1：新增 CSS######.specific-event {
width: fit-content;
margin-bottom: 10px;
text-decoration: none;
color: black;
padding: 5px 10px;
background-color: #d1d1d1;
border-radius: 8px;
}
.specific-event:hover {
background-color: #9c9c9c;
color: white;
}### 
嘗試將
width: fit-content新增到.personal-events-list而不是.special-event像這樣：
.specific-event { margin-bottom: 10px; text-decoration: none; color: black; padding: 5px 10px; background-color: #d1d1d1; border-radius: 8px; } .specific-event:hover { background-color: #9c9c9c; color: white; } .personal-events-list { width: fit-content; }