CSS 高度和宽度

在 CSS 中， height 和 width 属性用于设置元素的高度和宽度， max-height 和 max-width 属性用于设置元素的最大高度和最大宽度。

在标准的 CSS 盒模型中，高度和宽度是指内容区域的高度和宽度，不包括内边距、边框或边距。

设置高度和宽度

height 和 width 属性可能具有以下值：

• 具体尺寸 - 以 px、cm 等为单位定义高度/宽度
• 百分比 - 按照父元素的百分比设置高度/宽度
• auto - 浏览器自动计算，这是默认值
• initial - 将高度/宽度设置为默认值
• inherit - 从父元素继承高度/宽度

设置 <div> 元素的高度和宽度：

div {
  height: 200px;
  width: 50%;
  background-color: blue;
}

设置最大宽度

max-width 属性用于设置元素的最大宽度。当不设置时，意味着没有最大宽度的限制。

max-width 可以设置为具体的长度（以 px、cm 等为单位定义）或者按照父元素的百分比。

块级元素的宽度默认占据父元素的整个宽度，但是设置了最大宽度的块级元素，当父元素给与的空间超过最大宽度时，不再占据整行。

所有的宽高属性