在網頁設計過程中，我們常常遇到需要讓元素等高的情況。其中，讓元素與旁邊的元素等高是一種常見的需求。在 CSS 中，我們可以通過以下方法實現此效果。

.container {
display: flex;
}
.box {
flex-grow: 1;
align-items: center;
}

上面的代碼中，我們首先將包含這些元素的容器設置為 flex 布局。這是因為 flex 布局非常方便實現等高效果。在容器設置成 flex 后，對其子元素的設置則非常簡單。

我們給要與旁邊元素等高的元素添加一個 .box 類，并為其設置了兩個屬性：flex-grow 和 align-items。其中，flex-grow 屬性用于指定一個元素在父容器的剩余空間中所占的比例。在本例中，我們將所有 .box 類的 flex-grow 屬性設置為 1，這意味著它們平分剩下的空間。

接下來設置 align-items 屬性。這個屬性用于指定元素在交叉軸上（即 flex 布局中與主軸垂直的軸）的對齊方式。在本例中，我們將其設置為 center，意味著元素應該垂直居中對齊。

有了上述 CSS 代碼，我們就可以讓所有 .box 元素高度一致，并與旁邊元素等高了。