поместить DIV в нижней части родительского DIV

Question

Код:

<div id="divPopUp" style="border: 2px solid gray; padding: 20px; width: 700px; background: white; height: 450px; "> 
    <h1 style="text-align:center">Handsets</h1> 

      <table> 
       some table content 
      </table> 
    <div class="footerButtons" style="display: block;"> 
     <div style="float: left;"> 
      <input type="button"/> 
     </div> 
     <div style="float: left; margin-left: 207px;"> 
     <input type="button"/> <input type="button"/> 
     </div> 
    </div> 
</div> 

мне нужно поставить DIV с классом "footerButtons" в нижней части главного дел. Как мне это сделать?

Answer 1

У меня есть добавить position:relative к вашему основному DIV и position:absolute; bottom:10px вашему DIV с классом footerButtons, чтобы сделать его всегда в нижней части, как this

Надеется, что это помощь!

<div id="divPopUp" style="border: 2px solid gray; padding: 20px; width: 700px; background: white; height: 450px; position:relative"> 
<h1 style="text-align:center">Handsets</h1> 

<table>some table content</table> 
<div class="footerButtons" style="display: block; position:absolute; bottom:10px"> 
    <div style="float: left;"> 
     <input type="button" /> 
    </div> 
    <div style="float: left; margin-left: 207px;"> 
     <input type="button" /> 
     <input type="button" /> 
    </div> 
</div>