如何“取消”绝对定位元素的左/右？

Question

我有一个绝对定位的 div，我给了它一个left位置。

对于桌面，必须有left100px的位置。

但是对于平板电脑，我想一直向右推。

为了实现这一点，我尝试做right: 0，但由于left: 100px已经在 CSS 中定义，right: 0并没有按预期将它一直推到右边。

然后我尝试left: 0在平板电脑上做以抵消它的效果，但这也不起作用。

有没有办法取消left头寸？类似的东西left: none（我知道这行不通，但这是我能够解释这一点的唯一方法。）

桌面 CSS：

.mydiv {
    positon: absolute;
    left: 100px;
}

平板电脑 CSS：

@media (max-width:768px){
    .mydiv {
        left: 0;
        right: 0;
    }
}

我可以做一些事情，比如right: 400px把它放到我想要的位置，但我很好奇是否有一种方法可以使用，right: 0所以我确信它被完全推到了右边。

谢谢！

Answer 1

重置left属性使用

left: auto;

您可以使用 CSS 引用来获取 CSS 属性的初始值。例如，这里是该left属性的参考：https : //developer.mozilla.org/en/docs/Web/CSS/left