HTML中的寬度運算主要涉及到盒子模型中的寬度計算和百分比寬度的應用。

.box {
width: 100px; 
padding: 10px; 
border: 2px solid black; 
margin: 0px;
}

在上述代碼中，定義了一個盒子，其寬度為100px，加上10px的padding和2px的border，最終的寬度為114px。這是因為在盒子模型中，寬度的計算是包括了padding和border的。

而在使用百分比寬度時，其計算是基于父元素的寬度來確定的。

.parent {
width: 500px; 
margin: 0px;
}
.child {
width: 50%; /* 寬度為父元素寬度的50% */
margin: 0px;
}

如上述代碼，如果父元素為500px寬度，子元素的寬度設置為50%，則子元素的寬度為250px。

html中的寬度運算是開發中常用的技能，能夠幫助我們實現精確的布局效果。