一：布局有以下幾種：display，float，clear，visibility，overflow，overflow-x，overflow-y。
1.display：設定物件是否顯示。
2.float：指出物件是否及如何浮動。
3.clear：指出了不允許有浮動物件的邊。
4.visibility：是否隱藏，與display隱藏不同，visibility隱藏的時候保留元素佔據的位置。
5.overflow：設定物件處理溢位內容的方式。
6.overflow-x：設定在橫向溢位內容的方式。
7.overflow-y：設定在縱向溢位內容的方式。
二：display：根據「float」和「position」 決定盒子或者箱子的型別生成乙個元素。
1.block：指定物件為塊元素。
3.inline：指定物件為內聯元素。
4.inline-block：指定物件為內聯塊元素。
5.inline-flex：將物件作為內聯塊級彈性伸縮盒顯示。
6.inline-table：指定物件作為內聯元素級的**。
7.list-item：指定物件為列表專案。
8.none：隱藏物件。不佔物理位置。
9.table：指定物件最為塊元素級的**。
三：float：定義了元素在那個方向浮動，浮動元素會生成乙個塊級框，而不論它本身是何種元素。
1.取值：left，right，none，inherit。
2.float 在絕對定位中不起作用。大多數企業**布局都是以float來定位。
四.clear：該屬性指出不允許有浮動物件的邊。
1.取值：left，right，both，none.
2.none:允許兩邊可以浮動。 left：不允許左邊有浮動物件。 right：不允許右邊有浮動對像。both：兩邊都不允許浮動。
五.visibility：是否顯示物件；
1.取值：visible，hidden，collapse。
2.visible：設定可見。hidden：設定隱藏（隱藏了也佔位置）。collapse：隱藏**的行或者列。
六.overflow：處理溢位內容的方式。
1.取值：visible，hidden，scroll，auto。
2.visible:對溢位內容不做處理，內容可能會超出容器。
hidden：隱藏溢位容器的內容且不會出現滾動條。
scroll:隱藏溢位容器的內容，溢位的內容將以捲動滾動條的方式呈現。
auto:當內容沒有溢位容器的時候不出現滾動條，當內容溢位容器的時候出現滾動條。按需出現。
七：overflow-x：橫向處理溢位內容的方式；
1.取值：visible，hidden，scroll，auto。
2.同overflow。
八：overflow-y：縱向處理溢位內容的方式；
1.取值：visible，hidden，scroll，auto。
2.同overflow。
微信小程式CSS布局
採用flex布局的元素，稱為flex容器 flex container 簡稱 容器 它的所有子元素自動成為容器成員，稱為flex專案 flex item 簡稱 專案 1 flex direction flex direction屬性決定主軸的方向 即專案的排列方向 row 預設值 主軸為水平方向，起...
微信小程式 布局
傳送門 傳送門 語法 margin auto length 引數 margin 10px 11px 9px 8px 按順序分別代表物件與父容器的上 右 下 左的距離值為10px,11px,9px,8px。auto 值被設定為相對邊的值 length 由浮點數字和單位識別符號組成的長度值 百分數。百分...
微信小程式css篇 邊框 Border
一.邊框 border 設定物件邊框的特性。1.語法 border length style color 二.相關屬性。1.border width 設定邊框寬度 常用取值 medium 預設值，相當於3px。thin 1px。thick 5px。不可以為負值。2.border color 設定邊框...