CSS 布局 - 宽度和最大宽度
使用宽度、最大宽度和边距：自动；
正如上一章所提到的；块级元素总是占据整个可用宽度（尽可能向左和向右延伸）。
设置 width 块级元素的宽度将阻止其延伸到容器的边缘。然后，您可以将边距设置为自动，以使元素在其容器内水平居中。元素将占据指定的宽度，剩余空间将在两个边距之间平均分配：
这<div>元素的宽度为 500px，边距设置为自动。
笔记： 问题在于<div> 当浏览器窗口小于元素的宽度时，就会发生上述情况。然后浏览器会向页面添加水平滚动条。
使用 max-width 相反，在这种情况下，将改善浏览器对小窗口的处理。这对于使网站在小型设备上可用非常重要：
这<div>元素的最大宽度为 500px，边距设置为自动。
提示： 将浏览器窗口大小调整为小于 500px 宽度，以查看两个 div 之间的区别！
以下是上面两个 div 的示例：
