这节课分享一个常见的问题，我们用avada主题从零做页面，经常会遇到页面的宽度、容器宽度，内容宽度，他们之间匹配的问题，觉个例子：
新建一个页面，新建一个容器，比如1/1，也就是100%占满的容器。编辑这个容器的属性，在常规标签里，第一条有个选项，是选择100%宽度，还是站点宽度。也许你的容器设置和我的不一样，没有这个选项，是因为在页面编辑状态下，注意右侧的“页面属性”，里面有个“模板”，是“默认模板”，改成“100%宽度”，就可以了，这样，容器的属性设置里会出现100%宽度的选项。页面的默认模板，是没有100%宽度选项。页面的模板设置成100%宽度，相当于把这个页面变成了100% 宽度，没有固定值，浏览器窗口宽度是多少，它就可以是多少。如果页面选择“默认模板”，容器的宽度会按照站点设置的宽度，这个宽度在主题选项里设置。
100%宽度，可以通过设置背景颜色表现出来，背景是灰色，因为没有内容，只有一条背景色。前景填充了内容，背景色才会被撑开，绿色的是前景内容。缩放页面比例，相当于在大分辨率下看页面，内容同样是充满整个屏幕，这就是100%宽度。
前景换成博客内容，换一种表现形式，来看背景与前景的关系。
再切回页面的默认模板，相当于站点的固定宽度，在大分辨率下，两边会有空白，而不是充满整个屏幕。
再把背景加上图片，背景图片要高一层，会盖住背景颜色，背景图片的尺寸尽量做的大一些，比如1920px宽。
页面模板改成100%宽，容器第一条选项改成“站点宽度”，这时再看容器的背景图，是100%撑开的，它是跟着页面宽度走，但是里面的内容是按照站点宽度走。容器里那个选项是控制容器内容的宽度。
站点宽度，在主题选项的“布局”里，这里的站点宽度，控制着整个网站内容的宽度。
本课内容的视频演示已追加到《用wordpress和avada建站教程》的基础章节。
