提到布局，脑子里第一反应出来的就是LinearLayout,RelativeLayout等等,不过现在既然是小程序，那当然得换换思路了，来看看css中有哪些布局方式。

　　1. 布局有以下几种：display，float，clear，visibility，overflow，overflow-x，overflow-y。

　　display：设置对象是否显示。

　　float：指出对象是否及如何浮动。

　　clear：指出了不允许有浮动对象的边。

　　visibility：是否隐藏，与display隐藏不同，visibility隐藏的时候保留元素占据的位置。

　　overflow：设置对象处理溢出内容的方式。

　　overflow-x：设置在横向溢出内容的方式。

　　overflow-y：设置在纵向溢出内容的方式。

1.1 display：根据“float”和“position” 决定盒子或者箱子的类型生成一个元素。

　　以上是小程序中display的取值,常用的如下：

　　block：指定对象为块元素。

flex：将对象作为弹性伸缩盒显示。（小程序推荐使用伸缩盒子）

　　inline：指定对象为内联元素。

　　inline-block：指定对象为内联块元素。

　　inline-flex：将对象作为内联块级弹性伸缩盒显示。

　　inline-table：指定对象作为内联元素级的表格。

　　list-item：指定对象为列表项目。

　　none：隐藏对象。不占物理位置。

　　table：指定对象最为块元素级的表格

1.2 float：定义了元素在那个方向浮动，浮动元素会生成一个块级框，而不论它本身是何种元素。

取值：left，right，none，inherit。

　　float 在绝对定位中不起作用。大多数企业网站布局都是以float来定位。

1.3 clear：该属性指出不允许有浮动对象的边。

　　取值：left，right，both，none.

　　none:允许两边可以浮动。

　　left：不允许左边有浮动对象。

　　right：不允许右边有浮动对像。

　　both：两边都不允许浮动。

1.4 visibility：是否显示对象

取值：visible，hidden，collapse。

　　visible：设置可见。

　　hidden：设置隐藏(隐藏了也占位置)。

　　collapse：隐藏表格的行或者列。

1.5 overflow：处理溢出内容的方式。

　　取值：visible，hidden，scroll，auto。

　　visible:对溢出内容不做处理，内容可能会超出容器。

　　hidden：隐藏溢出容器的内容且不会出现滚动条。

　　scroll:隐藏溢出容器的内容，溢出的内容将以卷动滚动条的方式呈现。

　　auto:当内容没有溢出容器的时候不出现滚动条，当内容溢出容器的时候出现滚动条。按需出现。

1.6 overflow-x：横向处理溢出内容的方式；

　　取值：visible，hidden，scroll，auto。

1.7 overflow-y：纵向处理溢出内容的方式

　　取值：visible，hidden，scroll，auto