Is there a way to make the height of the </code> reach exactly the bottom of the page? It is hard to judge by using <code>height:xx%</code>, and it might <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5408099190056760" data-ad-slot="7305827575" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="fly-panel detail-box" id="flyReply"> <fieldset class="layui-elem-field layui-field-title" style="text-align: center;"> <legend>10条回答</legend> </fieldset> <ul class="jieda" id="jieda"> <li data-id="111" class="jieda-daan"> <a name="item-1111111111"></a> <div class="detail-about detail-about-reply"> <a class="fly-avatar" href=""> <img src="https://www.e-learn.cn/qa/data/avatar/000/00/01/small_000000102.jpg" alt=" 被撕碎了的回忆 "> </a> <div class="fly-detail-user"> <a href="" class="fly-link"> <cite> 被撕碎了的回忆</cite> </a> <span>(楼主)</span> </div> <div class="detail-hits"> <span>2021-01-18 06:42</span> </div> </div> <div class="detail-body jieda-body photos"> <p> <p>Iframe which is a child to the body element is of 100% height with it's parent and before you can make <code>iframe</code> full page you have to declare the height of the <code>body</code> and make it full page too. </p> <p>Try this. (I thought it would be better if you put your CSS in an external file or just inside the <code>head</code>)</p> <pre><code><!DOCTYPE html> <html> <head> <style type='text/css'> body {height:100%;} iframe {height:100%;width:100%;} </style> </head> <body style="margin:0"> <p style="margin:10px"> hello </p> <iframe src="http://www.weather.com">
</code> reach exactly the bottom of the page? It is hard to judge by using <code>height:xx%</code>, and it might <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-5408099190056760" data-ad-slot="7305827575" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="fly-panel detail-box" id="flyReply"> <fieldset class="layui-elem-field layui-field-title" style="text-align: center;"> <legend>10条回答</legend> </fieldset> <ul class="jieda" id="jieda"> <li data-id="111" class="jieda-daan"> <a name="item-1111111111"></a> <div class="detail-about detail-about-reply"> <a class="fly-avatar" href=""> <img src="https://www.e-learn.cn/qa/data/avatar/000/00/01/small_000000102.jpg" alt=" 被撕碎了的回忆 "> </a> <div class="fly-detail-user"> <a href="" class="fly-link"> <cite> 被撕碎了的回忆</cite> </a> <span>(楼主)</span> </div> <div class="detail-hits"> <span>2021-01-18 06:42</span> </div> </div> <div class="detail-body jieda-body photos"> <p> <p>Iframe which is a child to the body element is of 100% height with it's parent and before you can make <code>iframe</code> full page you have to declare the height of the <code>body</code> and make it full page too. </p> <p>Try this. (I thought it would be better if you put your CSS in an external file or just inside the <code>head</code>)</p> <pre><code><!DOCTYPE html> <html> <head> <style type='text/css'> body {height:100%;} iframe {height:100%;width:100%;} </style> </head> <body style="margin:0"> <p style="margin:10px"> hello </p> <iframe src="http://www.weather.com">
