div의 내부에서 div를 수직으로 정렬하는 방법은 무엇입니까?

Question

div의 내부에 div를 정렬하려고하고 있는데 성공하지 못했습니다. 이처럼 http://jsfiddle.net/jhbs31xv/

<table style="border: 1px solid red; width: 100%"> 
    <tr> 
     <td> 
      <div style="display: table-cell; width: 200px; height: 500px; overflow-y: auto;"> 
       <div id="housingTree" class="demo" style="height: 100px;"> 
       </div> 
      </div> 
     </td> 
     <td style="width: 100%; height: 100%; border: 1px solid blue;"> 
      <div style="height: 100%; width: 100%;"> 

       <div id="infoPane" style="width:100%;margin-left:10px; border: 1px solid green;vertical-align:top; "> 
        How To Top Align Me? 

       </div> 

      </div> 
     </td> 
    </tr> 
</table> 

Answer 1

:

<td style="width: 100%; height: 100%; border: 1px solid blue;" valign="top"> 
     <div style="height: 100%; width: 100%;"> 

      <div id="infoPane" style="width:100%;margin-left:10px; border: 1px solid green; "> 
       How To Top Align Me? 

      </div> 

     </div> 
    </td> 

포함하는에 vAlign와 = "최고"를 추가합니다.

Goos van den Bekerom이 언급했듯이, 귀하는 블로그에 div가 없어야합니다.