使用width, max-width 和 margin: auto;

如前一章所述;块级元素始终占据可用的整个宽度 （尽可能向左和向右伸展）。

设置 块级元素的 将防止其拉伸 到其容器的边缘。然后，您可以设置 边距到自动，用于将元素水平居中在其容器内。这 元素将占用指定的宽度，剩余空间将被拆分 在两个边距之间相等：width

注意：当浏览器窗口 小于宽度 元素。然后，浏览器向页面添加水平滚动条。<div>

在这种情况下，使用代替将改善 浏览器对小窗口的处理。这在使网站可用时很重要 在小型设备上：max-width

提示：将浏览器窗口的大小调整为小于 500 像素宽，以查看两者之间的差异！

以下是上述两个 div 的示例：

div.ex1 {
  width: 500px;
  margin: auto;
  border: 3px solid #73AD21;
}

div.ex2 {
  max-width: 500px;
  margin: auto;
  border: 3px solid #73AD21;
}