CSS宽度100vw只延伸到一边

Question

我用下面的代码：

#div { 
    position: absolute; 
    left: 0; 
    right: 0; 
    width: 100vw !important; 
    height: 210px !important; 
    background-image: url('imageurl.com'); 
    background-position: center; 
} 

我有什么是我在试图去适应一个DIV（宽度方向）与祖父母（屏幕宽度）。正如你在上面的代码中看到的那样，我试图利用width: 100vw，但它只伸展到右侧，左侧保持原样。

有没有人有任何想法为什么？

Answer 1

尝试使用left: 50%;和transform: translateX(-50%);在一起。

#div { 
    width: 100vw; 
    height: 210px; 
    position: absolute; 
    top: 0; 
    left: 50%; 
    transform: translateX(-50%); 
} 

jsFiddle