常见的几种布局方式：
（推荐教程：css快速入门）
固定布局
流式布局（自适应布局）
-
弹性布局（伸缩布局）
立即学习“前端免费学习笔记（深入）”；
定位布局
浮动布局
响应式布局（媒体查询）
固定布局的固定说的是盒子的宽高都是固定的。margin，padding等。
HMCSS通用企业网站系统1.0
下载
HMCSS是由河马工作室全新开发的通用的企业网站系统，是PHP+MYSQL的架构，采用DIV+CSS的方式进行网页布局，网站的功能包括有：企业简介，图片展示幻灯，产品图片滚动，企业荣誉，实力展示，产品分类及展示，网上招聘，在线留言，联系我们，在线地图等内容，另外还带有完整的管理后台，如网站SEO优化关键词等都可以自由设定。 HMCSS目前发布的是1.0版本，就是上述的这些内容。后面我们还要加上产品
流式布局的流式是指的盒子的宽高和margin，padding是百分比。所以也称为百分比布局。
（视频教程推荐：css视频教程）
有以下几点需要注意：
百分比是基于元素父级的大小计算得来的；
元素的水平或者竖直间距都是相对于父级的宽度计算的.(margin&padding)
边框不能用百分比设置
定位布局指的是，绝对定位和相对定位以及固定定位。
浮动定位是只float:left;和float:right;要记得清浮动。
