高級布局：文檔流、浮動布局、流式布局、定位布局、flex布局、響應布局 一、文檔流 1、什么是文檔流 將窗體自上而下分成一行一行，塊級元素從上至下、行內元素在每行中從左至右的順序依次排放元素 2、本質 文檔流本質是 nomal flow （普通流、常規流） 3、BFC（Block ...

區域，只有Block-level box參與，它規定了內部的Block-level Box如何布局，並且 ...

demo 各種布局演示 https://jsfiddle.net/mayufo/qp890peq/1/ 兩欄布局 浮動 定位 flex 三欄布局 聖杯布局 雙翼布局 flex 相同點 聖杯和雙飛翼布局解決問題一半是相同 ...

什么是文檔流？ 文檔流：又稱普通文檔流和常規文檔流，即瀏覽器定義的頁面元素自上而下，從左往右排列的常規文檔模式。 可通過一些瀏覽器支持的布局方式進行改寫文檔流布局，例如我們先來查看定位。 1. 定位分為五種：static absolute relative fixed sticty ...

1、定位體系一共有三種 （1）常規流； （2）浮動定位 （3）絕對定位 2、float屬性常用的語法： （1）float：left；左浮動 （2）float：right；右浮動 （3）float：none；無浮動 任何元素都可以使用浮動，無論是塊級元素div、ul ...

文檔流 　 document flow=> normal flow 本質：普通流/常規流 流：水流 河流... => 自上而下（連續的，連續的 文檔：頁面主體 ...

　　浮動float： 　　　　浮動的框可以向左或向右移動，直到它的外邊緣碰到包含框或另一個浮動框的邊框為止。 　　　　由於浮動框不在文檔的普通流中，所以文檔的普通流中的塊框表現得就像浮動框不存在一樣。(W3C) 　　絕對定位absolute: 　　　　設置為絕對定位的元素框從文檔流完全刪除 ...

1.不使用flex時，在index.wxml里寫格式 2.在index.wxss里寫樣式 3.開始啟用flex格式 3.1 flex-flow: row; 元素按照一行排列； flex-flow: column; 元素 ...