CSS max-width 属性

CSS max-width 属性用于设置元素的最大宽度。这个属性通常和 width 属性一起使用，为元素定义一个宽度范围。

语法

selector {
  max-width: value;
}

• selector: 元素的选择器
• value: 可以是一个具体的长度值（px、em、rem），也可以是一个百分比值（%）

示例

下面的示例演示了如何使用 CSS max-width 属性：

div {
  width: 50%; /* 先设置元素的宽度为 50% */
  max-width: 500px; /* 设置元素最大宽度为 500px，当元素宽度大于 500px 时，max-width 属性将不起作用 */
}

总结

CSS max-width 属性为元素设置最大宽度，当元素的宽度大于指定值时，元素的宽度将保持不变，不会再继续增加。这个属性通常和 width 属性一起使用，为元素定义一个宽度范围，更好的控制元素的布局。