CSS定位的替代方案（静态，相对，绝对，固定）？

Question

是否有任何CSS解决方法不依赖于现代浏览器为元素提供“相对固定”的定位？

例如，如何在页面顶部创建“固定”菜单，而不将元素从文档流中取出，而无需向页面添加其他HTML元素？

我已尝试将每个定位属性作为尝试，但如果不向其下方的所有元素添加额外的边距，或者将其他HTML元素创建为“空格”，则无法执行此操作。

Answer 1

  

换句话说，其原始（静态）位置的空间仍然存在。

直接MDN：

  

相对   元素根据文档的正常流程定位，然后根据顶部，右侧，底部和左侧的值相对于自身偏移。偏移量不会影响任何其他元素的位置;因此，页面布局中为元素指定的空间与位置是静态的相同。当z-index的值不是auto时，此值将创建新的堆栈上下文。表 - * - group，table-row，table-column，table-cell和table-caption元素的相对效果未定义。

你最好为移动元素设置position: absolute;，整个事情应该发生在一个定位的（位置不是静态的）父元素内。