垂直對齊的固定的div

Question

我有以下的CSS：

#leftmenu{ 
top: 400px; 
left: 4%; 
position: fixed; 
width: 150px; 
height: 200px; 
background: transparent; 
} 

html,body{ 
height:100%; 
margin:0; 
} 

「Leftmenu」具有在屏幕的左側的固定位置，但現在頂部以像素（400）中所定義，我想限定它以％表示，而div「leftmenu」必須垂直對齊居中。高度必須相同。

謝謝

Answer 1

更新你的CSS這樣的：

#leftmenu{ 
    top: 50%; 
    margin-top: -100px; // half height of this container 
}