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

我有重写一些插件CSS的问题。 直接编辑CSS并不是一个真正的select，因为它会使更新插件更具风险。

问题：一个元素有绝对的定位，并且在顶部有top：0px。 我想覆盖底部：0px。

为了举例

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

在Firefox上这工作正常（底部：0是应用的风格），但Safari /铬似乎并没有得到顶部：0。

我可以解决这个问题，但最好能提出一个干净的解决scheme。

Answer 1

使用top: auto将top重置为初始值 。

bottom是一个完全独立的属性top （ 一个元素可以有top和bottom ），所以也许你不会需要bottom了。

此外，请确保您的覆盖select器是足够具体的 ，但它听起来不像这是这种情况下的问题。

Answer 2

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