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/