css中宽是百分比高和宽相等

在CSS中，我们可以通过设置元素的宽度和高度来定义它们在页面中所占的空间大小。其中，宽度是元素水平方向所占的空间大小，而高度则是元素垂直方向所占的空间大小。

在设置宽度和高度时，我们可以使用绝对值（如像素、厘米等）或相对值（如百分比），其中百分比是一种比较常用的方法。它可以根据浏览器窗口或其父元素的大小来自适应调整元素的宽度和高度。

/* 使用百分比设置宽度 */
div {
  width: 50%;
}

/* 使用相同宽高比设置高度 */
div {
  width: 50%;
  height: auto;
  padding-top: 50%; /* 以宽度的50%作为相对高度 */
}

除了使用百分比外，在设置元素宽度和高度时，还有一种比较常用的方法是将宽度和高度设置相等，这种方法也被称为正方形布局。正方形布局可以用于创建等宽高的小图标、按钮和容器等。

/* 将宽高设置相等 */
div {
  width: 100px;
  height: 100px;
}

总而言之，无论是使用百分比还是将宽高设置相等，都可以帮助我们对元素的大小进行控制，从而使网页布局更加美观和合理。