代码示例:(标识:css_max-width)
<!DOCTYPE html>
<html>
<head>
<style>
div.ex1 {
  width: 500px;
  margin: auto;
  border: 3px solid #73AD21;
}

div.ex2 {
  max-width: 500px;
  margin: auto;
  border: 3px solid #73AD21;
}
</style>
</head>
<body>

<h2>CSS Max-width</h2>

<div class="ex1">这个 div 元素的宽度是:500px;</div>
<br>

<div class="ex2">这个 div 元素的最大宽度是:500px;</div>

<p><b>提示:</b>将浏览器窗口拖动到小于500px的宽度,以查看这两个 div !</p>

</body>
</html>
运行结果: