CSS之页面布局之三（凝胶布局）

介于流体布局（Float Layout）和冻结布局（Frozen Layout）间的就是凝胶布局（Jello Layout）

实现方式：在冻结布局的基础上，设置CSS端的margin-left/right为auto

第一步就是实现冻结布局（请参照前一篇博文《CSS之页面布局之二（冻结布局）》）：

第二步将CSS端margin-left/right设为auto：

#all {
	width: 1280px;
	margin-left: auto;
	margin-right: auto;
}

这样无论浏览器窗口如何调整大小，页面自身将像冻结布局那样保持固定的大小。但随着窗口不断变宽至超过width大小时，两边浏览器窗口的空白部分将像流水一样自动调整宽度：