要点回顾

在常见的布局方式中，以像素为单位设置大小的固定布局经常为公司网站或大型网站所使用，针对移动设备用户，则选择以百分比或em为单位的流式布局和弹性布局。实现多栏布局的方法有多种，其中弹性盒布局方式最为灵活，调整最方便，但是浏览器的支持程度不高，只有Firefox、Safari、Opera以及Chrome在带厂商前缀的情况下才可以使用，IE浏览器不支持该方式。使用float和clear属性结合的方式设置多栏布局是比较传统的做法，在这种方法下，虽然多个栏目的高度不同，但可以通过javaScript代码来弥补。