css常用布局形式

一：传统布局（默认布局，元素从上到下、从左到右排列）
块级元素：独占一行（div、p、h1）
行内元素：同行排列（span、a、img）

二：浮动布局(float)
用途:早期做多列布局、导航栏
问题:高度塌陷，需要清除浮动

三：定位布局(position)
static ：默认，文档流
relative ：相对自身偏移，不脱离文档流
absolute ：相对父级定位，脱离文档流
fixed ：固定在视口
sticky ：粘性定位（吸顶、侧边悬浮）