ページのコンテンツを画面の下に拡大する方法

Question

Joomlaのサイトで作業していて、ページを画面の下まで拡大する際に問題が発生しています。 ページのHTML：：ここではページのpicがある

<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がページ画面に収まるようになります。