文章目录
文档流
- 块级元素 block，垂直布局，占一行（即宽度是视窗的宽度），高度和内容一样高
- 内联元素（行内元素）inline，宽高与内容一致，在一行中相邻排列，没有位置就换行
定位
position: ;
静态定位
position: static;
相对定位
position: relative;
绝对定位
position: absolute;
固定定位
position: fixed;
Z 轴排列顺序 z-index
z-index: 999;
总结
- 文档流就是将元素放在浏览器视窗中的系统，可将放在里面的元素笼统的分为行级元素和块级元素
- 所谓定位，就是使得元素脱离文档流进行放置的属性
- 静态定位是元素的默认定位方式
- 相对定位是相对于原来位置进行定位，虽然元素脱离了原来的位置，但它原来的位置并不会被其它元素占据
- 绝对定位脱离原来位置进行定位，元素在离开原来位置后，其位置会被顺延至下一个元素
- 固定定位根据视窗进行定位，常用于制作导航栏
- z-index 可以确定重叠元素的排列顺序
