HeadFirst三布局

流体布局：liquid layouts

通过扩展，布局会填满所有空间，是用户充分利用他们的空间屏幕。

冻结布局：frozen layouts

锁定元素，使之无法移动。

html:

all content

css: #allcontent{

width:800px;

padding-top:5px;

padding-bottom: 5px;

background-color: #675c47;}

凝胶布局:jello layouts

锁定页面中内容区的宽度，但是在浏览器中居中。

增加CSS：

#allcontent{

margin-left: auto;

margin-right: auto;}

HeadFirst三布局