1-2-1布局（浮动）
固定宽度 page header
page content 1 对于一个网页设计者来说，html语言一定不会感到陌生，因为它是所有网页制作的基础。但是如果希望网页能够美观、大方，并且升级方便，维护轻松，那么仅仅html是不够的，css在这中间扮演着重要的角色。
side bar 1 对于一个网页设计者来说，html语言一定不会感到陌生。
page footer 这是一行文本，这里作为样例，显示在布局框中。
效果图：
正中间的两个div都浮动起来，且包含块的宽度是固定值。footer清除浮动防止浮动块覆盖。
1-2-1布局（绝对定位）
固定宽度 page header
page content 1 对于一个网页设计者来说，html语言一定不会感到陌生，因为它是所有网页制作的基础。但是如果希望网页能够美观、大方，并且升级方便，维护轻松，那么仅仅html是不够的，css在这中间扮演着重要的角色。
side bar 1 对于一个网页设计者来说，html语言一定不会感到陌生。
page footer 这是一行文本，这里作为样例，显示在布局框中。
效果图：