CSS（webkit）：在绝对定位元素上覆盖顶部和底部

我在重写一些插件CSS时遇到问题。直接编辑CSS并不是一个真正的选项，因为它会使更新插件更加危险

问题：元素具有绝对定位，并且在原始元素中具有top:0px。我想用bottom:0px覆盖它

为了以身作则

    .element {position:absolute; top:0;}

    /* in another file */
    .my .element {bottom:0;}

在firefox上，这一切正常（底部：0是应用的样式），但safari/chrome似乎并没有超越顶部：0

---

我可以解决这个问题，但最好能找到一个干净的解决方案。

使用

top:auto

将

top

重置为其默认值

bottom

是

top

（）的一个完全独立的属性，因此您可能不再需要

bottom

---

另外，请确保您的覆盖选择器是，但在本例中，听起来这不是问题所在。

top:auto是我要找的。我试图检查sitepoint CSS参考等文档，但找不到它。已尝试顶部：无（随机：D）。谢谢。在webkit的案例中也应用了底部，并且底部的定义更加具体！“重要”只是让它更具体。问题是，它似乎首先计算top，这就是为什么我需要一种方法来重置它。

.my .element { position: inherit !important; top: auto; }