是否可以使用'；相对位置'；在同一html页面中多次？

我在母版页上使用“相对位置”和“绝对位置”

我有一个使用上述母版页的页面， 我试图在本页中对其他两个元素再次使用“相对位置”和“绝对位置”，但本页中下方的元素（“绝对位置”）不是根据其上方的元素（“相对位置”）放置的，而是指母版页中元素的“相对位置”

希望不是太笨拙的解释

是否可以在同一HTML页面上多次使用“相对位置”？？？ 如果是，如何

谢谢，

---

Ef.

在您添加相关代码/信息/演示之前，我无法回答您的代码和布局有问题的原因，但是我可以向您保证，您可以在一个页面上有多个相对定位的元素，事实上-您可以根据需要多次对任何元素应用和定位样式

element { 
    position:relative; 
        }

element2 { 
    position:relative; 
        }

您只是为元素定义规则，具体来说，没有关于可以使用任何规则的次数的规则，因为这些规则彼此独立

参考

为了掌握元素定位的工作原理，您可能需要通读一遍。

对于您的问题： 您不受要定位相对或绝对元素数量的限制。

然而，定位是相当棘手的。您的元素被错误放置的最明显原因是CSS中的错误定义

我将简要说明它的工作原理：

所有元件都具有标准定位

静态

但是，您可以在任意多个元素上定义
位置：relative
。
现在使用
top | left | right | bottom
可以相对于元素的原始位置移动元素。（原始空间仍被占用！）

position:absolute
也可以在任意多个元素上定义，但其工作原理不同：

元素不占用其原始位置，而是相对于未静态定位的第一个祖先元素放置。（我认为这就是您提到的错误-您有一个具有
位置：relative
的兄弟元素，但是绝对定位元素根据具有相对/静态位置的父元素进行定位）

这些只是最基本的，要了解更多的细节信息，.
请在jsfiddle.net上发布标记和css。你解决问题了吗？感谢提示，我发现了问题，我的“绝对”元素没有在“相对”元素中定义…@user458695如果答案对你有帮助，你应该接受它，所以其他用户可以看到您的问题已经解决了。