div不固定在页面中心的宽度 - CSS

Question

我有一个div将显示一个更大的图片。

所以我想这个div在屏幕的中心。但保证金0汽车是不工作...

CSS：

.form_postloader{ 
max-width: 1100px; 
min-height: 400px; 
background: #ffffff; 
color: #000; 
position:absolute; 
margin:0 auto; 
display:block; 
} 

http://jsfiddle.net/t5t031zj/

谢谢！

Answer 1

它不工作，因为它是绝对定位。你可以删除绝对的位置，或者，如果你需要它可以这样做：

position:absolute; 
left: 50%; 
transform: translate(-50%); 

无需设置宽度，完全响应！

http://jsfiddle.net/t5t031zj/2/

Answer 2

由于position:absolute您需要使用left和right来执行此操作。

left:0; 
right:0; 
width: 400px; 

将这些应用到您的盒子将居中，问题是您需要设置一个宽度。

这里是一个小提琴：http://jsfiddle.net/t5t031zj/3/