02定位

定位

position参数

• static 默认形式跟随文本流

• relative 相对定位

• absolute 绝对定位

• fixed 固定定位

• sticky 粘性定位

如果父元素设置了relative | fixed | sticky这几种定位，子元素使用绝对定位将参照父元素进行定位

弹性布局 Flex

Flex是 Flex Box的缩写，能够在不同的终端之间控制元素的排列、对齐和顺序的控制

• display: flex;定义flex布局

• flex-direction: row;当子元素超出父元素时，按照另起一行进行摆放

• flex-wrap: wrap;摆放的顺序是和文档刘是一致的