高级布局：文档流、浮动布局、流式布局、定位布局、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; 元素 ...