如何将页面内容扩展到屏幕底部

Question

我在Joomla网站上工作，我在将页面扩展到屏幕底部时遇到问题。以下是该页面的图片：页面html：

<div id="free_trial_page">
  <div id="free_trial_container">
    <div id="free_title_block"><p id="free_title_text">Welcome to the <span class="hilite_text">Free</span>Introductory Course</p></div>
    <div id="free_title_block"><p id="free_title_text">ยินดีต้อนรับ สู่ คอร์สทดลองเรียน <span class="hilite_text">ฟรี</span>ไทย</p></div>
    <div id="free_item"  class="free_items">
        <p class="free_content_title"> We hope you will enjoy learning English in these pages</p>
         <p class="free_content_title">เราหวังว่าท่านจะสนุกกับการเรียนภาษาอังกฤษจากหน้าเหล่านี่</p>
        <p class="free_content">Please click thumbnails to see videos</p>
        <p class="welcome_vids">
          <span><a id="welcome_vids" href="index.php/sg-video-2"><img src="/templates/beez_20/images/ws_wst2.png" width="160" height="90"></a></span>        
         ....   
        </p>
        <p class="welcome_vids">
          <span><a id="welcome_vids" href="index.php/sg-video-2"><img src="/templates/beez_20/images/ws_wst2.png" width="160" height="90"></a></span>        
         ....
        </p>         
      </div>
   </div>
 </div>

页面上没有页脚。我已经尝试将min-height设置为100％，如在线推荐的那样，但这并没有奏效，而且我不确定要将哪个div添加到其中。页面上没有页脚。有什么建议吗？