如何將頁面內容擴展到屏幕底部

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> 

頁面上沒有頁腳。我已經嘗試設置在網上推薦的最小高度爲100％，但這不起作用，我不確定哪個div附加到它。頁面上沒有頁腳。有什麼建議麼？

Answer 1

您可以使用vh單位。將您的身高設置爲100vh，您的div將適合您的頁面屏幕。