css定位

文档流

文档流，指的是元素排版布局过程中，元素会自动从左往右，从上往下的流式排列。并最终窗体自上而下分成一行行，并在每行中按从左到右的顺序排放元素。

默认定位

默认值。即没有定位，元素在正常的流中，top，right，bottom，left 和 z‐index 属性无效

相对定位

position:relative

生成相对定位的元素，通过 top，bottom，left，right 的位置相对于其正常位置进行定位。其中的相对指的是相对于元素在默认流中的位置。

绝对定位（absolute）

生成绝对定位的元素，不再以自己原来的位置定位，而是以网页的左上角（body）为原定定位。

固定定位（fixed）

本质上是一种绝对定位，不为元素预留空间。通过指定相对于屏幕视窗的位置来指定元素的空间，且元素的位置在屏幕滚动时不会发生变化。应用于很多网站顶端的固定导航、右下角的固定广告等等。