CSS定位Position

基础知识：标准流

1.HTML中的三种布局方式：标准流（按顺序布局），浮动，定位；
2.html可以分为两大元素：
块级元素（div、h1-h6标题、有序无序列表「ol、ul、li」、table表格、p段落、···）
区别：独占一行。
内联元素（a超链接、span文字、img图片、input控件、）
区别：内联元素和相邻内联元素在同一行，如果一行内宽度不够时才会被挤到另一行去。
这两种元素的排列方式呢，是在没有特殊属性的干扰下，在正常的标准流中所表现出来的正常

Postion

postion中的可选参数

static 标准文档流，默认设置的值

relative 相对于自己原来的位置进行定位，left、right、top、bottom来改变位置。

absolute 相对于父类元素（非static）进行定位。父类元素需要是absolute或者relative。

fixed 固定定位 原来的位置会被后面的元素占用（可以用来做广告，弹窗等，它的位置不会随着浏览器的滚动而改变）

Z-index可以设置元素的叠加顺序，但依赖定位属性

z-inde大的元素会覆盖z-index小的元素

z-inde为auto的元素不参与层级的比较

z-inde为负值，元素被普通流中的元素覆盖