您没有浮点元素的运气。他们不服从垂直对齐，
您需要的是
display:inline-block：
谨防
请小心，
display: inline-block;因为它将元素之间的空白解释为真实的空白。它不会像对待它那样忽略它
display: block。
我建议这样做：
将
font-size包含元素的设置为
0（零），然后将元素重置
font-size为所需的值，如下所示
ul { margin: 0; padding: 0; list-style: none; font-size: 0;}ul > li { font-size: 12px;}CSS
#wrapper{ width:400px; height:auto; border:1px solid green; vertical-align: middle; font-size: 0;}#left-div{ width:40px; border:1px solid blue; display: inline-block; font-size: initial; *zoom:1; *display: inline; vertical-align: middle;}#right-div{ width:336px; border:1px solid red; display: inline-block; font-size: initial; *zoom:1; *display: inline; vertical-align: middle;}
