为什么我设置的vertical-align:bottom不起作用 ？

Question

<div  style="height:40px;line-height:40px;vertical-align:bottom;"> 
      <select id="alt_id" name="alt_id"> 
          <s:iterator value="idList"> 
             <option value="<s:property value="id"/>"> 
                        <s:property value="id"/> 
             </option> 
                 
          </s:iterator> 
      </select> 
      <label id="alt_idnm"><s:property value="alt_idnm"/></label> 
</div> 
如上所示 
我想把div中的内容底部对齐 
加一个select时 select 顶端对齐 
加一个select 和一个label时 它们就居中对齐 
vertical-align:bottom不起作用 
为什么?

Answer 1

vertical-align是对元素本身进行设定，而不是对元素内容设定的吧。所以你要加在select、label上

Answer 2

div的style加一个float:left，假如再对不齐，把div高度设置好点，自然就齐了。