CSS 定位到中心加上 x 像素

Question

有什么方法可以只CSS用于定位 center plus x pixel adiv吗？

我现在有这个 CSS 代码：

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

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

（我知道这是一种使用 jQuery 的方法，但我只想使用 CSS。）

Answer 1

您可以通过添加transform: translateX(300px);到来实现此目的#mydiv。

看看 JSFiddle DEMO

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