如何在css + html中居中模態窗口？

Question

如何中心垂直模式窗口，如CSS樣式：

.inquiry_form_container { 
    left: 50%; 
    margin-left: -375px; 
    width: 750px; 
    top: 150px; 
    position: fixed; 
    z-index: 10001; 
    background: #fff; 
    border: 1px solid #cccccc; 
    display: block; 
    -webkit-box-shadow: 0 0 10px #cccccc; 
    -moz-box-shadow: 0 0 10px #cccccc; 
    -o-box-shadow: 0 0 10px #cccccc; 
    box-shadow: 0 0 10px #cccccc; 
} 

它具有非已知高度，那怎麼辦，那該窗口會從頂部和底部相同的利潤率？

Answer 1

你可能有正確的想法使用left:50%但我會使用2個DIV。一個在另一個內：

第一個DIV將有position:relative,left:50%和width:0px。

第二個DIV（內部）將有position:absolute，width:200px和left:-100px。

不確定如何處理未知高度。第二個DIV上的像素高度如何並使用overflow-y:scroll？