CSS布局 - 宽度和最大宽度

使用宽度，最大宽度和margin: auto;

正如前面章节所提到的; 一个块级元素总是占用可用的全宽（伸出到左边和右边，只要它可以）。

设定width的块级元素的会阻止它伸出到其容器的边缘。 然后，您可以设置页边距为自动，水平居中其容器内的元素。 该元件将占据指定的宽度，并且剩余的空间将同样在两个边缘之间划分：

注意：有问题的<div>以上时，浏览器窗口比元素的宽度发生。 浏览器然后添加一个水平滚动条到页面上。

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

提示：调整浏览器窗口小于500像素宽，看到两个div的区别！

这里是上面的两个div的例子：