1、一列布局：一般都是固定的宽高，设置margin : 0 auto来水平居中，用于界面显著标题的展示等 。
2、两列布局：说起两列布局，最常见的就是使用float来实现 。float浮动布局的缺点是浮动后会造成文本环绕等效果，以及需要及时清除浮动 。
【css网页布局方式 css布局的几种方式】3、三列布局：两侧定宽中间自适应,首先设置父级元素的宽度，可以左左右设置浮动 。然后中间设置margin调整间距 。也可以都设置成左浮动，设置margin，调整间距 。同样注意清除浮动的影响 。
4、混合布局：在一列布局的基础上，保留top和foot部分，将中间的main部分改造成两列或三列布局，小的模块可以再逐级同理划分 。
推荐阅读
- 网上预约港澳签证出现网页错误原因是什么？
- 二商肉食集团生猪屠宰板块再添新成员 成功布局荆楚大地
- 天康生物：未来计划在川渝地区做进一步的生猪养殖布局
- 天兆猪业：在全国布局49栋楼房式猪舍项目
- 三天拟投资超60亿元布局三省 龙大肉食生猪产业链全国扩张衔枚疾
- 齐全集团楼房养猪 龙头企业花2.7亿布局楼房养猪
- 温氏股份下半年加大权重扩张养猪 布局生猪屠宰保持养鸡发展
- 新一轮饲料涨潮来袭！万科跨界养猪添新布局
- 万科跨界养猪添新布局 控股企业全资投资养猪公司
- 益生股份继续布局养猪 拟受让双鸽食品5个生猪项目