在本教程中，我们将学习标注属性(宽度和高度)。

宽度和高度

我们使用width和height属性来设置任何元素的尺寸。

默认情况下，元素的宽度和高度设置为"自动"。

width和height的值可以是长度，百分比和自动。

在下面的示例中，我们将所有具有" text-container"类的div元素的宽度和高度设置为100％和300px。

div.text-container {
	width : 100%;
	height : 300px;
}

最小宽度和最小高度

min-width和min-height属性用于设置元素的最小宽度和高度。

它可以采用长度(例如px，mm等)，百分比(例如40％)和无(默认值)的值。

当该值设置为none时，表示未设置最小宽度和最小高度。

在下面的示例中，我们将具有"容器"类的div元素的min-width和min-height设置为300px和360px；

div.container {
	min-width : 300px;
	min-height : 360px;
}

最大宽度和最大高度

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

像min-width和min-height一样，它的值也包括长度(例如px，cm等)，百分比(例如80％)和无(默认值)。

将该值设置为none时，表示没有为元素设置max-width和max-height。

在下面的示例中，我们将具有类"容器"的div元素的最大宽度和最大高度设置为300px和360px；

div.container {
	max-width : 300px;
	max-height : 360px;
}