我在母版页上使用“相对位置”和“绝对位置”。
我有一个使用上述母版页的页面， 我正在尝试在此页面中再次对其他 2 个元素使用“相对位置”和“绝对位置”，但此页面中下方的元素(“绝对位置”)未根据其上方的元素放置(“位置” relative')，而是指母版页中元素的“相对位置”..
希望是不是太笨拙的解释..
是否可以在同一个 HTML 页面上多次使用“相对位置”？？？ 如果是，怎么办？？
谢谢， E.
最佳答案
针对您的问题: 您不受要相对或绝对定位的元素数量的限制。
然而，定位是相当棘手的。您的元素放错位置很可能是由 CSS 中的错误定义引起的。
我将简要解释一下它是如何工作的:
所有元素都有标准定位static。
但是，您可以在任意多个元素上定义 position:relative。
现在使用 top|left|right|bottom，您可以相对于其原始位置移动元素。 (原来的空间仍然被占用!)
position:absolute 也可以定义在任意数量的元素上，但它的工作方式不同:
该元素不占用其原始位置，而是相对于非静态定位的第一个祖先元素 放置。 (我认为这就是你提到的错误 - 你有一个同级 position:relative 但绝对定位元素根据具有相对/静态位置的父元素定位 )
这些只是最基本的，要了解更多信息，read this article .
关于html - 是否可以在同一个 html 页面中多次使用 'position relative'？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/10531447/