固定宽度布局
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
这是一行文本，这里作为样例，显示在布局框中。
效果图：