在 CSS3 中，可以通過以下步驟將元素的高度設置為與其寬度相同：

.box {
width: 100px;
height: 0;
padding-bottom: 100%; /* 此處設定高度為100% */
background-color: #ccc;
}

通過設置元素的 padding-bottom 為 100%，并將 height 設為 0，當元素的寬度變化時，height 也會跟著變化，從而實現高度等于寬度的效果。

上述代碼中的 .box 是需要設置寬高的元素的類名，可以根據實際情況進行修改。同時，為了更好地展示效果，還添加了一個背景色。