要计算元素总宽度，可以使用以下步骤：
1. 获取元素的width和height属性值。
2. 将width和height属性值相加，得到元素的总体宽。
3. 将总宽除以元素的宽度值，得到元素的宽度百分比。
下面是一个简单的示例，演示了如何使用CSS来计算元素总宽度：
“`html
<div>
这是一个100像素的宽度的div元素。
</div>
在这个示例中，大家有一个div元素，其宽度和高度都是100像素。大家可以使用以下CSS代码来计算其总宽度：
“`css
div {
width: 100px;
height: 100px;
div:after {
content: “”;
width: 90px;
height: 100px;
background-color: blue;
display: inline-block;
在这个示例中，大家使用了content属性来创建一个新的元素，并将其设置为div元素的after元素。这个新元素的宽度是90像素，高度是100像素，背景颜色是蓝色。大家使用display: inline-block属性将其设置为 inline-block，这样它就可以与div元素的其他元素一同显示，并且可以和其他元素进行交互。
通过上述步骤，大家可以使用CSS来计算元素总宽度。这个计算结果可以用来创建更复杂的布局，并确保元素在网页中居中、水平和垂直对齐。