提到布局，腦子里第一反應(yīng)出來的就是LinearLayout,RelativeLayout等等,不過現(xiàn)在既然是小程序，那當(dāng)然得換換思路了，來看看css中有哪些布局方式。

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

　　display：設(shè)置對(duì)象是否顯示。

　　float：指出對(duì)象是否及如何浮動(dòng)。

　　clear：指出了不允許有浮動(dòng)對(duì)象的邊。

　　visibility：是否隱藏，與display隱藏不同，visibility隱藏的時(shí)候保留元素占據(jù)的位置。

　　overflow：設(shè)置對(duì)象處理溢出內(nèi)容的方式。

　　overflow-x：設(shè)置在橫向溢出內(nèi)容的方式。

　　overflow-y：設(shè)置在縱向溢出內(nèi)容的方式。

1.1 display：根據(jù)“float”和“position” 決定盒子或者箱子的類型生成一個(gè)元素。

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

　　block：指定對(duì)象為塊元素。

flex：將對(duì)象作為彈性伸縮盒顯示。（小程序推薦使用伸縮盒子）

　　inline：指定對(duì)象為內(nèi)聯(lián)元素。

　　inline-block：指定對(duì)象為內(nèi)聯(lián)塊元素。

　　inline-flex：將對(duì)象作為內(nèi)聯(lián)塊級(jí)彈性伸縮盒顯示。

　　inline-table：指定對(duì)象作為內(nèi)聯(lián)元素級(jí)的表格。

　　list-item：指定對(duì)象為列表項(xiàng)目。

　　none：隱藏對(duì)象。不占物理位置。

　　table：指定對(duì)象最為塊元素級(jí)的表格

1.2 float：定義了元素在那個(gè)方向浮動(dòng)，浮動(dòng)元素會(huì)生成一個(gè)塊級(jí)框，而不論它本身是何種元素。

取值：left，right，none，inherit。

　　float 在絕對(duì)定位中不起作用。大多數(shù)企業(yè)網(wǎng)站布局都是以float來定位。

1.3 clear：該屬性指出不允許有浮動(dòng)對(duì)象的邊。

　　取值：left，right，both，none.

　　none:允許兩邊可以浮動(dòng)。

　　left：不允許左邊有浮動(dòng)對(duì)象。

　　right：不允許右邊有浮動(dòng)對(duì)像。

　　both：兩邊都不允許浮動(dòng)。

1.4 visibility：是否顯示對(duì)象

取值：visible，hidden，collapse。

　　visible：設(shè)置可見。

　　hidden：設(shè)置隱藏(隱藏了也占位置)。

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

1.5 overflow：處理溢出內(nèi)容的方式。

　　取值：visible，hidden，scroll，auto。

　　visible:對(duì)溢出內(nèi)容不做處理，內(nèi)容可能會(huì)超出容器。

　　hidden：隱藏溢出容器的內(nèi)容且不會(huì)出現(xiàn)滾動(dòng)條。

　　scroll:隱藏溢出容器的內(nèi)容，溢出的內(nèi)容將以卷動(dòng)滾動(dòng)條的方式呈現(xiàn)。

　　auto:當(dāng)內(nèi)容沒有溢出容器的時(shí)候不出現(xiàn)滾動(dòng)條，當(dāng)內(nèi)容溢出容器的時(shí)候出現(xiàn)滾動(dòng)條。按需出現(xiàn)。

1.6 overflow-x：橫向處理溢出內(nèi)容的方式；

　　取值：visible，hidden，scroll，auto。

1.7 overflow-y：縱向處理溢出內(nèi)容的方式

　　取值：visible，hidden，scroll，auto