CSS (webkit)：在绝对定位的元素上覆盖top和bottom
CSS (webkit)：在绝对定位的元素上覆盖top和bottom
提问于 2011-02-22 20:19:57
我在覆盖一些插件CSS时遇到了问题。直接编辑CSS并不是一个真正的选择，因为它会使更新插件的风险更大。
问题:一个元素有绝对的位置，并且在原始文件中有top:0px。我想通过bottom:0px来覆盖它。
为了举例说明
.element {position:absolute; top:0;}
/* in another file */
.my .element {bottom:0;}在火狐上，这是可以工作的(底部:0是应用的样式)，但是safari/chrome似乎没有超过顶部:0。
我可以解决这个问题，但如果能想出一个干净的解决方案就好了。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-02-22 20:23:37
使用top: auto将top“重置”为其initial value。
bottom是top (an element can have both a top and bottom)的一个完全独立的属性，因此您可能不再需要bottom。
此外，确保您的覆盖选择器是specific enough，但在本例中听起来并不是问题所在。
Stack Overflow用户
发布于 2013-07-28 07:48:03
.my .element { position: inherit !important; top: auto; }页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/5078021
复制相关文章
相似问题