So erweitern Sie den Seiteninhalt auf den unteren Bildschirmbereich

Question

Ich arbeite an einer Joomla-Site und habe ein Problem beim Erweitern einer Seite am unteren Bildschirmrand. Hier ist ein Foto von der Seite: Seite 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> 

Es gibt keine Fußzeile auf der Seite. Ich habe versucht, min-height auf 100% zu setzen, wie es online empfohlen wird, aber das hat nicht funktioniert und ich bin mir nicht sicher, an welches div-Modul es angehängt werden soll. Es gibt keine Fußzeile auf der Seite. Irgendwelche Vorschläge?

Answer 1

Sie können vh Einheit verwenden. Setzen Sie Ihre Höhe auf 100vh und Sie werden auf Ihren Bildschirm passen.