css - 是否有可能做一些与 css 定位相关的绝对相关的事情？

Question

我正在尝试在我的页面上定位一个元素，但希望它既可以相对定位也可以绝对定位(请听我说，我知道这没有意义)。

我真正想要的是一种定位此元素的方法，该方法结合了相对定位和绝对定位的功能。

所以在我的例子中，我希望这个元素的位置比它的初始位置高 10px，因为这个相对工作正常，但我们在它应该在的地方得到了一个令人讨厌的空白。因此，除了将它相对向上移动 10 像素外，我还希望它像绝对定位的元素一样离开页面。

现在，在你说“只需使用绝对值并将其放置在那里”之前，我有一个相当大的页面，通过定位这样的东西，我会使用巨大的数字，如果屏幕尺寸发生变化，这些数字将被抛出。

所以，总而言之，我想相对于它的原始位置放置它，但也想像绝对定位一样将它从页面上拉下来，这可能吗？

Answer 1

也许这会有帮助？

#myElem {
    position:      relative;
    top:           -10px;
    margin-bottom: -10px;
}

这会将元素向上移动 10px，并将其下边框向上移动 10px，消除其下方的空间。