height

height 是 CSS 中一个重要的属性，用于定义元素的高度。这个属性可以控制元素在垂直方向上的尺寸，是网页布局中的基础属性之一。

默认情况下，height 属性决定的是元素内容区（content area）的高度。内容区是指元素内部实际显示内容的区域，不包括内边距（padding）、边框（border）和外边距（margin）。

然而，当元素的 box-sizing 属性被设置为 border-box 时，height 属性将决定元素边框区域（border area）的高度。这意味着元素的总高度将包括内容、内边距和边框，但不包括外边距。这种计算方式在某些布局场景中特别有用，因为它可以更容易地控制元素的总尺寸。

height 属性可以接受多种类型的值，包括固定长度值（如 px、cm、mm 等）、百分比（%）、视口单位（如 vh、vmin、vmax）以及关键字（如 auto、max-content、min-content 等）。选择合适的值类型可以帮助开发者实现更灵活和响应式的布局设计。

在实际应用中，height 属性经常与 width 属性配合使用，以创建具有特定尺寸的元素。同时，它也与 CSS 盒模型中的其他属性密切相关，如 padding、margin 和 border，这些属性共同决定了元素在页面中的最终呈现效果。