html - 将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>

我需要将类 "footerButtons" 的 div 放在主 div 的底部。我该怎么做？

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>