CSS中寬度和高度是最基本的樣式屬性之一，用于定義HTML元素的大小。在CSS中，我們可以使用像素、百分比、em等單位來設置寬度和高度。

有時候我們需要讓一個元素的寬度和高度相等，這種需求在制作正方形或圓形的元素時很常見。在CSS中，我們可以使用以下幾種方法來實現寬度=高度的效果。

/*方法一：使用固定像素值*/
.square{
width: 200px;
height: 200px;
}
/*方法二：使用百分比*/
.square{
width: 50%;
padding-bottom: 50%;
/*padding-bottom的值等于寬度的百分比*/
}
/*方法三：使用vw（視口寬度單位）*/
.square{
width: 50vw;
height: 50vw;
}

上述三種方法都可以實現寬度=高度的效果，具體使用哪一種方法取決于具體情況。使用固定像素值可以確保元素的大小是固定的，但不夠靈活；使用百分比可以讓元素的大小自適應不同的屏幕尺寸，但需要設置一個padding-bottom值；使用vw單位可以確保元素的寬度和高度與視口的大小成比例，但可能會存在兼容性問題。

總之，在CSS中，設置寬度和高度是非常基礎的操作，掌握好這一點可以讓你在網頁開發中更加得心應手。