jquery - CSS定位到中心加x像素

Question

有什么方法可以只用CSS定位中心加x像素一个div吗？

我现在有这个 CSS 代码:

#mydiv {
    display: block;
    width: 200px;
    margin: 200px auto;
}

我想将此 div 定位到中心 + 向右 300px。可以只使用 CSS 吗？

(我知道 here is a way 使用 jQuery，但我只想使用 CSS。)

Answer 1

您可以通过将 transform: translateX(300px); 添加到 #mydiv 来实现这一点。

查看 JSFiddle DEMO

#mydiv {
    display: block; 
    width: 200px; 
    margin: 200px auto; 
    transform: translateX(300px); 
}