CSS控制div宽度最大宽度/高度和最小宽度/高度的方法

如果想要在CSS中控制div元素的最大宽度和高度、最小宽度和高度，在这里我来给大家讲一下详细的攻略。

设置最大宽度和高度

在CSS中设置div元素的最大宽度和高度有两个属性，分别是max-width和max-height。

max-width

max-width属性设置元素的最大宽度，取值可以是具体像素值、百分比、rem等等。当元素的宽度超过了设置的最大宽度，元素会自动缩小以适应最大宽度的限制。

div {
  max-width: 500px;
}

在上面的示例中，我们设置了div元素的最大宽度为500像素，因此当元素的宽度超过了500像素时，元素会自动缩小以适应最大宽度的限制。

max-height

max-height属性设置元素的最大高度，取值可以是具体像素值、百分比、rem等等。当元素的高度超过了设置的最大高度，元素会自动缩小以适应最大高度的限制。

div {
  max-height: 300px;
}

在上面的示例中，我们设置了div元素的最大高度为300像素，因此当元素的高度超过了300像素时，元素会自动缩小以适应最大高度的限制。

设置最小宽度和高度

在CSS中设置div元素的最小宽度和高度也有两个属性，分别是min-width和min-height。

min-width

min-width属性设置元素的最小宽度，取值可以是具体像素值、百分比、rem等等。当元素的宽度小于设置的最小宽度，元素会根据最小宽度自动扩大。

div {
  min-width: 200px;
}

在上面的示例中，我们设置了div元素的最小宽度为200像素，因此当元素的宽度小于200像素时，元素会根据最小宽度自动扩大。

min-height

min-height属性设置元素的最小高度，取值可以是具体像素值、百分比、rem等等。当元素的高度小于设置的最小高度时，元素会根据最小高度自动扩大。

div {
  min-height: 100px;
}

在上面的示例中，我们设置了div元素的最小高度为100像素，因此当元素的高度小于100像素时，元素会根据最小高度自动扩大。

以上就是关于CSS控制div宽度最大宽度/高度和最小宽度/高度的完整攻略，希望能够帮助大家。