1、单列布局
HMCSS通用企业网站系统1.0
下载
HMCSS是由河马工作室全新开发的通用的企业网站系统，是PHP+MYSQL的架构，采用DIV+CSS的方式进行网页布局，网站的功能包括有：企业简介，图片展示幻灯，产品图片滚动，企业荣誉，实力展示，产品分类及展示，网上招聘，在线留言，联系我们，在线地图等内容，另外还带有完整的管理后台，如网站SEO优化关键词等都可以自由设定。 HMCSS目前发布的是1.0版本，就是上述的这些内容。后面我们还要加上产品
2、单列布局水平居中
.main{width: 800px;height: 300px;background: #ccc;margin: 0 auto;}
3、自适应宽度两列布局（用得比较少）
立即学习“前端免费学习笔记（深入）”；
4、固定宽度两列布局（用得比较多）
两栏被限制在父级div（main）中.
5、自适应三列布局
6、案例：左侧固定200px，右侧固定300px，中间自适应
200px
博客园创建于2004年1月，博客园诞生于江苏扬州这样一个IT非常落后的小城市，城市虽小，但是这里却有很多求知创新的人，博客园诞生的理由是如此简单。
300px
7、混合布局
8、要点回顾：
其实在网页制作当中，页面中的元素就是块与块之间的关系：
块挨着块；块嵌套着块；块叠压着块
通过css将这些块摆放正确，网页布局就自然完美了。
1、margin:0 auto 自动居中
2、两种分成三栏的方式：
1）两边position：absolute，left：0/right：0，top:0，
中间margin｛0 右边 0 左边｝
2）先分两栏 左右float 再分两栏左右float
