css职位有什么区别？

Question

我是CSS新手。我试图理解，但我做不到。请解释一下位置（绝对，固定，相对，静态）。用的是什么？

Answer 1

在这里你可以理解css poisitions

的基本区别

position: static;

静态定位元素不受顶部，底部，左侧和右侧属性的影响。 position: static;的元素没有以任何特殊方式定位;它总是根据页面的正常流程定位。

position: relative;

position: relative;的元素相对于其正常位置定位。 设置相对定位元素的顶部，右侧，底部和左侧属性将使其远离其正常位置进行调整。其他内容不会被调整以适应元素留下的任何空白。

position: fixed;

具有position: fixed;的元素相对于视口定位，这意味着即使滚动页面，它也始终保持在同一位置。 top，right，bottom和left属性用于定位元素。

position: absolute;

具有position: absolute;的元素相对于最近的定位祖先定位（而不是相对于视口定位，如固定）。

然而;如果绝对定位元素没有定位祖先，它将使用文档正文，并随页面滚动一起移动。