创建弹性布局需要使用百分数宽度，并将它们应用于页面里的主要区域。
width: percentage;
其中percentage表示希望元素在水平方向上占据容器空间的比例。一般不必设置width: 100%;，因为默认设置为display:block; 的元素，如p 以及其他很多元素，或手动设置为display: block; 的元素在默认情况下会占据整个可用空间。
作为可选的一步，对包含整个页面内容的元素设置max-width: value;，其中value表示希望页面最多可增长到的最大宽度。通常，value 以像素为单位，不过也可以使用百分数、em 值或其他单位的值。
还可以对元素设置基于百分数的margin 和padding 值。在本例页面中，对这些属性使用的是em 值，这是一种常见的做法。内边距和外边距的em 值是相对于元素的font-size 的。
例如，如果其字体大小等价于14 像素，则width:10em; 会将宽度设置为140 像素。而基于百分数的值则是相对于包含元素的容器的。
对于设置了body { font-size: 100%;}的页面，对font-size、margin、padding 和max-width 使用em 值还有一个好处：如果用户更改了浏览器默认字体大小，那么页面也会跟着变大或变小。
【注意】
将box-sizing 属性设置为borderbox，就可以很方便地对拥有水平方向内边距（使用em 或其他的单位）的元素定义宽度，而不必进行复杂的数学计算来找出百分数的值。这对响应式页面来说很方便。