css3高等于宽以宽乘以高等于

CSS3中的一个非常有趣的属性就是让元素的高等于宽乘以高的值，这个属性非常容易实现，我们只需要使用两个属性就可以轻松实现。

.square {
   width: 200px; /* 宽度为200px */
   height: calc(200px * 1); /* 高度为宽度的1倍，也就是200px */
}

在上面的代码中，我们使用了calc()函数来计算高度的值。calc()函数可以用来实现四则运算，这非常方便。而且，calc()函数还支持百分比单位，在这里我们也可以使用百分比单位来表达高等于宽的值。

.square {
   width: 50%; /* 宽度为父元素的50% */
   height: calc(50% * 1); /* 高度为宽度的1倍，也就是50% */
}

当然，我们也可以使用JavaScript来实现高等于宽乘以高的值。下面的代码演示了如何使用JavaScript计算高度的值：

// 获取元素的宽度
var width = document.getElementById('my-element').offsetWidth;

// 计算元素的高度
var height = width * 1;

// 设置元素的高度
document.getElementById('my-element').style.height = height + 'px';

在上面的代码中，我们首先获取了元素的宽度，然后用宽度乘以1来得出高度的值。最后，我们将计算出来的高度值赋值给元素的height属性即可。

总之，无论是使用CSS3还是JavaScript，都可以轻松实现高等于宽乘以高的效果。这个特性可以用来制作方形的图像、按钮等，非常实用。