垂直對齊CSS中的內容

Question

我創建了一個小提琴：http://jsfiddle.net/LgNp5/。

正如你所看到的，右側有一個裝載機。左側有一個菜單，內容動態變化，因此右側的浮動div沒有固定的高度（也沒有父元素）。我怎樣才能使裝載機始終垂直對齊（無JS）？

Answer 1

如果垂直居中的元素是固定高度，那麼這是最容易的，這樣設置top: 50%;和margin-top: -Zpx其中`Z是垂直高度的一半。

#ui-tooltip-prompt .dynamo_content { 
    float:right; 
    width:400px; 
    padding-left:8px; 
    position:absolute; 
    height:16px; 
    top:50%; 
    margin-top:-8px;  
}