CSS是一种用来设计网络页面样式的语言，它包含众多功能，其中一个功能是计算元素的宽和高。

在CSS中，元素的宽度和高度可以使用像素（px）或百分比（%）来表示。当使用百分比时，元素的宽度和高度将基于其包含元素的尺寸计算。

要计算元素的宽度和高度，您可以使用以下两种方法之一：

1.直接设置宽高div {width: 200px;height: 100px;}

如上所示，您可以在CSS样式表中直接设置元素的宽度和高度。在这个例子中，我们设置了一个DIV元素的宽度为200像素，高度为100像素。

2.使用百分比div {width: 50%;height: 50%;}

如上所示，您可以使用百分比来计算元素的宽度和高度。在这个例子中，我们设置了一个DIV元素的宽度和高度均为包含它的容器元素大小的一半。

不同的宽高计算方法在不同的场景下有不同的用途。如果您想要设置一个固定的元素大小，直接设置宽度和高度可能是更好的选择。而如果您需要创建一个响应式网页，使用百分比计算宽度和高度可能更好地适应各种屏幕大小。

总之，掌握CSS宽高计算方法是构建网页的关键之一。通过灵活使用宽高计算方法，您可以轻松创建出各种样式的网页。