CSS中元素的寬度和高度是關鍵的屬性，可以讓我們控制元素的大小、位置和排列。如果想讓元素的寬度等于高度，怎么做呢？下面是詳細的方法。

.square {
width: 100px;
height: 100px;
background-color: red;
}

上面的代碼是一個正方形的CSS樣式。元素的寬度和高度都設置成了100像素，背景顏色為紅色。如果想要元素的寬度等于高度，只需要把寬度設置為auto，這樣瀏覽器會自動計算出元素的寬度，使其等于高度。

.square {
width: auto;
height: 100px;
background-color: red;
}

這個樣式將生成一個與前一個正方形相同屬性的元素，但是寬度等于高度。如果你想將高度也設置為auto，那么這個元素將變成一個基于內容寬度的矩形，而不是正方形，類似于下面這個例子。

.rectangle {
width: auto;
height: auto;
background-color: blue;
}

這個元素的寬度和高度都是基于內容自動調整的，所以它會變成一個矩形，而不是一個正方形。

總之，將元素的寬度設置為auto，可以讓元素的寬度與高度一樣，從而創建一個正方形。