如何将页面内容扩展到屏幕底部
问题描述:
我正在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附加到它。页面上没有页脚。有什么建议么?
答
您可以使用vh
单位。将您的身高设置为100vh
,您的div将适合您的页面屏幕。
+0
感谢您的信息,它完美运作。你们之间只有1分钟的时间,但是你提出答案后,你会得到答案。 – RoyS
+0
和upvote? :p Thx的家伙 –
我并不完全了解您的问题,但您可以将#free_trial_page设置为position:fixed;溢出:自动;高度:100%;宽度:100%;顶部:0;左:0; - 或者 - 将其设置为高度:100vh; – Kiwad
对不起,我不能给你打勾,但是谢谢你的答案。 – RoyS