jquery - CSS 相对定位，无需将父级设置为相对

Question

这里有一些帖子解释了父元素中的 position:relative 将使任何子元素中的 position:absolute 相对于父元素的左上角。没关系。

但是如果您不想将父级设置为 position:relative 怎么办？在一个相当标准的表单系统中，我遇到了 position:relative 有两个含义的问题:

1. 它决定了这个元素是如何定位的
2. 如果该元素的定位是绝对的，它会更改其子元素的定位方式。

但我想要 2. 而没有 1. 我希望子级相对于父级但父级可以定位为静态、相对或绝对。

我想我可以在父级内部添加一个内部 div，它除了具有 position:relative 外什么都不做，但这会很痛苦，而且会造成额外的困惑。有没有更好的方法或这样做？

所有定位都是在 jquery 中完成的，因此仅 jquery 的解决方案就可以了。

谢谢

Answer 1

你似乎真的在这里提出并回答了你自己的问题。

I suppose I could add an inner div inside the parent which does nothing except have position:relative, but that would be a pain and extra mess. Is there a better way or doing this?

一个元素不能有位置的混合，所以这确实是唯一的解决方案；创建一个附加元素，允许您组合所需的位置布局。

All positioning is done in jquery so a jquery only solution would be fine.

如果您担心标记的清洁度，那么通过 jquery 添加额外的元素可能会吸引您。然而，作为一个有抱负的纯粹主义者，我倾向于避免在表现方面使用 javascript，严格来说，只要可行，这应该留给 CSS。