CSS中的尺寸通常可以分为绝对尺寸和相对尺寸两种。其中，绝对尺寸包括像素（px）、点（pt）、英寸（in）等，它们的值是固定的，不会随着页面大小或分辨率的改变而变化。而相对尺寸则是相对于某个参考对象进行计算，包括百分比（%）、视口宽度单位（vw）和视口高度单位（vh）等。
下面是一些CSS尺寸计算的示例：
/* 使用像素作为尺寸单位 */
.box {
width: 200px;
height: 100px;
}
/* 使用百分比作为尺寸单位 */
.box {
width: 50%;
height: 50%;
}
/* 使用视口宽度单位作为尺寸单位 */
.box {
width: 50vw;
height: 50vw;
}使用像素作为尺寸单位的示例中，宽度为200px，高度为100px，这两个值是固定的，不会受到其他因素的影响。而在使用百分比或视口宽度单位的示例中，元素的尺寸会随着视口大小的改变而改变，因此可以实现响应式设计。
在实际使用CSS进行网页布局时，通过混合使用不同的尺寸单位，可以实现更加灵活的布局方式。例如，可以将页面宽度设置为100%（相对于父元素），而将目标元素的宽度设置为固定像素值，使其在不同设备上看起来具有相似的比例和视觉效果。
在进行尺寸计算时，还需要考虑到其他因素，如边框和内边距的宽度、元素的盒模型等。因此，在实际使用中，需要深入理解CSS的相关知识，并结合具体需求进行布局设计。