在CSS中，要使元素的寬度和高度相等，可以使用多種方法，這里我們介紹兩種常見的方法。

方法1: 使用CSS的盒模型

在CSS中，每個(gè)元素都可以看作是一個(gè)盒子，這個(gè)盒子有寬度、高度、內(nèi)邊距、外邊距等屬性，要使元素的寬度和高度相等，可以通過(guò)設(shè)置元素的寬度和高度屬性來(lái)實(shí)現(xiàn)。

div {
  width: 200px;
  height: 200px;
}

在上面的代碼中，我們?cè)O(shè)置了一個(gè)div元素的寬度和高度都為200像素，這樣，這個(gè)元素的寬度和高度就會(huì)相等。

方法2: 使用CSS的視口單位

除了使用像素單位外，CSS還支持使用視口單位來(lái)設(shè)置元素的寬度和高度，視口單位是一種相對(duì)單位，它可以根據(jù)視口的大小來(lái)自動(dòng)調(diào)整元素的大小，要使元素的寬度和高度相等，可以設(shè)置一個(gè)視口單位，

div {
  width: 50vw;
  height: 50vh;
}

在上面的代碼中，我們?cè)O(shè)置了一個(gè)div元素的寬度為視口寬度的50%，高度為視口高度的50%，這樣，這個(gè)元素的寬度和高度就會(huì)隨著視口大小的變化而變化，始終保持相等。

除了以上兩種方法外，還有其他方法可以設(shè)置元素的寬度和高度相等，具體取決于你的需求和設(shè)計(jì)，希望這些方法能對(duì)你有所幫助！