Box 布局

Cola 提供了一套箱式布局系统，包括纵向箱式和横向箱式布局,是基于CSS3 Flex 布局和display:webkit实现，完美支持了所有支持CSS3的浏览器，其中包括UC浏览器和X5内核的QQ浏览器和微信浏览器。

简介

箱式布局系统用于通过一系列的box与flex-box的组合来创建页面布局。下面就介绍 Cola 箱式布局的工作原理：

• 箱式布局使用与有固定宽高的区域内部的布局。
• box可放置任何区域,box将根据内容宽度(横向时)或高度(纵向时)占据制定区域，容器内部可放置多个box。
• flex-box弹性区域,将占据box占据的剩余宽度或高度，当放置多个flex-box时等比例划分生于区域。
• flex-box区域的position将自动强制设置为position: absolute !important;
• v-box 纵向箱式布局容器
• h-box 横向箱式布局容器

纵向箱式布局

...
...
...

横向箱式布局

...
...
...