CSS 高度、宽度和最大宽度

height``width：CSS 和属性用于设置元素的高度和宽度。

max-width：CSS 属性用于设置元素的最大宽度。

CSS 设置高度和宽度

height``width：用于设置元素的高度和宽度。

height 和 width 属性不包括填充、边框或边距。它设置填充、边框和边距内区域的高度/宽度元素。

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

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

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

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

div {  height: 100px;  
  width: 500px;  
  background-color: powderblue;}

注意： 请记住，height和width属性不包括填充、边框、或边距！它们设置填充、边框内区域的高度/宽度、和元素的边距！

max-width：该属性用于设置元素的最大宽度。

max-width：可以用长度值指定，如 px、cm 等，也可以指定包含块，或设置为 none（表示没有最大宽度）。

当浏览器窗口小于元素最大宽度（500px），浏览器会向页面添加一个水平滚动条。<div>

在这种情况下，改用max-width将改善浏览器对小窗口的处理。

提示： 将浏览器窗口拖动到小于500px的宽度。

注意： 如果由于某种原因在同一元素上同时使用width属性和max-width属性，并且width属性的值大于max-width属性;将使用max-width属性（并且width该属性将被忽略）。

此 <div> 元素的高度为 100 像素，并且 最大宽度为 500 像素：

div {  max-width: 500px;  
  height: 100px;  
  background-color: powderblue;}

设置元素的高度和宽度此示例演示如何的高度和宽度。
[设置不同元素]

使用百分比设置图像的高度和宽度此示例演示如何使用百分比
值[设置图像的高度和宽度]。

设置元素的最小宽度和最大宽度此示例演示如何使用像素值[设置元素的最小宽度和最大宽度]。

设置元素的最小高度和最大高度此示例演示如何使用像素值[设置元素的最小高度和最大高度]