垂直对齐的固定的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 
}