在編寫CSS布局時，盒子模型是一個基本概念。在CSS中，每個HTML元素都被視為一個矩形的盒子，該盒子由四個屬性組成：內容、內邊距、邊框和外邊距。在這些屬性中，特別要注意的屬性是盒子的高度。然而，在計算高度時，需要注意一些細節。

首先，盒子的高度是由內容、內邊距和邊框共同決定的。也就是說，盒子的高度是指從盒子上邊緣到下邊緣的距離。而外邊距不會對盒子的高度產生任何影響。

其次，在CSS中，盒子的高度由兩種屬性控制：height和max-height。height屬性設置盒子的實際高度，而max-height屬性設置盒子的最大高度。max-height屬性意味著盒子的高度不會超過此值，即使設置了更大的高度。

最后，在計算盒模型高度時，一些CSS屬性也會影響盒子高度的計算。其中，line-height屬性是一個重要的屬性。如果line-height大于盒子的字體大小，那么它將導致盒子高度的增加。同時，box-sizing屬性的值也會影響盒子高度計算，如果值為border-box，則設置的height屬性將包含內邊距和邊框，否則height屬性僅僅會影響盒子的內容部分。

/* 示例CSS代碼 */
div {
height: 50px;
max-height: 100px;
padding: 10px;
border: 1px solid black;
margin: 20px;
font-size: 20px;
line-height: 30px;
box-sizing: border-box;
}

在上面的代碼中，div元素的高度是50px，但是由于padding和border的存在，盒子的實際高度是72px，因為此時盒子的高度為50px+10px（上下內邊距）+1px（上邊框）+1px（下邊框）。max-height屬性設置了盒子的最大高度為100px，所以盒子的高度不可能超過這個值。