身高= 100％不起作用 [英] height=100% do not work

查看：91 发布时间：2018/6/25 18:09:44 html css
本文介绍了身高= 100％不起作用的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述

下面的代码都是高度= 100％，它在Chrome中工作正常，但在Firefox和IE7中显示非常奇怪！它不完全是100％的高度。所有人都知道？
 < iframe src =demoFramesetLeftFrame.jspname =treeframeid =treeframe
 width = 200px height = 100％frameborder = 0> 
< / iframe> 
  width = 200px height = 100％frameborder = 0&gt; <br/>&lt; / iframe&gt; <br/>&lt; iframe src =test.htmlname =basefrmid =basefrm<br/> width = 200px height = 100％frameborder = 0&gt; <br/>&lt; / iframe&gt; <br/> </code> </pre><p> <br/> </p><div class =h2_lin>解决方案</div><p>您可能需要一个容器div，高度属性。由于某些原因，在HTML中写100％的高度是最难的事情之一。</p> <br/> <br/> <p>以下是一些关于如何达到100％高度的教程。 b <br/> $ b <p> <a href=\"http://www.dave-woods.co.uk/?p=144\" rel=\"nofollow noreferrer\"> http：//www.dave-woods .co.uk /？p = 144 </a> </p> <br/> <br/> <p> <a href =http://www.webmasterworld.com/forum83/200.htm =nofollow noreferrer> http://www.webmasterworld.com/forum83/200.htm </a> </p> <br/><p>the code below are all height=100%, it works fine in chrome but it displayes very strange in firefox and ie7!it is not exactly the 100% height.anyone knows? thanks a million.</p><pre><code>&lt;iframe src ="demoFramesetLeftFrame.jsp" name="treeframe" id="treeframe" 
        width=200px height=100% frameborder=0&gt;
&lt;/iframe&gt;
 &lt;iframe src="middle.html" name="middle" id="middle"
        width=200px height=100% frameborder=0&gt;
&lt;/iframe&gt;
&lt;iframe src="test.html" name="basefrm" id="basefrm"
        width=200px height=100% frameborder=0&gt;
&lt;/iframe&gt;
</code></pre><p>
</p><div class="h2_lin"> 解决方案 </div><p>You may need a container div, with a min-height property.  Writing 100% height in HTML for some reason is one of the hardest things to do.</p>

<p>Here are some tutorials on how 100% height can be achieved</p>

<p><a href="http://www.dave-woods.co.uk/?p=144" rel="nofollow noreferrer">http://www.dave-woods.co.uk/?p=144</a></p>

<p><a href="http://www.webmasterworld.com/forum83/200.htm" rel="nofollow noreferrer">http://www.webmasterworld.com/forum83/200.htm</a></p>

                        <p>这篇关于身高= 100％不起作用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！</p>
                        
                    </div>
                    <div class="arc-body-main-more">
                        <span onclick="unlockarc('877162');">查看全文</span>
                    </div>
                </div>
				<div>
                            
                        </div>
                <div class="wwads-cn wwads-horizontal" data-id="166" style="max-width:100%;border: 4px solid #666;"></div>
            </div>
        </article>
        <div id="arc-ad-2" class="mb-1">
            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5038752844014834"
     data-ad-slot="3921941283"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

        </div>
        <div class="widget bgwhite radius-1 mb-1 shadow widget-rel">
            <h5>相关文章</h5>
            <ul>
                    <li>
                        <a target="_blank" title="为什么身高= 100％不起作用？" href="/864273.html">
                            为什么身高= 100％不起作用？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="设置高度100％不起作用" href="/2022936.html">
                            设置高度100％不起作用;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="为什么 height=100% 不起作用?" href="/2747552.html">
                            为什么 height=100% 不起作用?;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="HTML div宽度100％不起作用" href="/1861089.html">
                            HTML div宽度100％不起作用;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="CSS div高度100％不起作用" href="/1860208.html">
                            CSS div高度100％不起作用;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="需要帮助CSS身高(100％)身高" href="/1337385.html">
                            需要帮助CSS身高(100％)身高;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="Xcode 9自动完成不起作用100％-部分起作用" href="/1953385.html">
                            Xcode 9自动完成不起作用100％-部分起作用;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="为什么h-100不起作用?" href="/2271525.html">
                            为什么h-100不起作用?;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="背景无法工作的100％身高（尽管HTML和身高100％）" href="/874304.html">
                            背景无法工作的100％身高（尽管HTML和身高100％）;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="100％身高的问题" href="/877767.html">
                            100％身高的问题;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="身高：100％不能工作" href="/860393.html">
                            身高：100％不能工作;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="高度:100% 在 Internet Explorer 中不起作用" href="/2684143.html">
                            高度:100% 在 Internet Explorer 中不起作用;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="带高度的父div:100％不起作用" href="/1861153.html">
                            带高度的父div:100％不起作用;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="将身高设置为100％" href="/870346.html">
                            将身高设置为100％;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="CSS背景和身高100％" href="/319872.html">
                            CSS背景和身高100％;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="如何使身高真的100％" href="/866107.html">
                            如何使身高真的100％;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="100％身高（动态加载内容）" href="/878464.html">
                            100％身高（动态加载内容）;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="身高：100％神秘不工作" href="/876114.html">
                            身高：100％神秘不工作;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="elementRef.style.top =&quot;100px&quot;不起作用" href="/2224385.html">
                            elementRef.style.top =&quot;100px&quot;不起作用;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="身高：100％不工作！为什么？" href="/578903.html">
                            身高：100％不工作！为什么？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="100% 宽度的表格在 Gmail Android 中不起作用" href="/2767753.html">
                            100% 宽度的表格在 Gmail Android 中不起作用;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="不起作用...." href="/1236091.html">
                            不起作用....;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="固定在div侧边的宽度和高度100％不起作用" href="/1363916.html">
                            固定在div侧边的宽度和高度100％不起作用;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="登录/注册功能不起作用，@ current_user不起作用，会话不起作用" href="/1953208.html">
                            登录/注册功能不起作用，@ current_user不起作用，会话不起作用;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="你如何给iframe 100％的身高" href="/861382.html">
                            你如何给iframe 100％的身高;
                        </a>
                    </li>
            </ul>
        </div>
        <div class="mb-1">
            <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5038752844014834"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-format="autorelaxed"
     data-ad-client="ca-pub-5038752844014834"
     data-ad-slot="3921941283"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

        </div>
    </div>
    <div class="side">
        <div class="widget widget-side bgwhite mb-1 shadow">
            <h5>前端开发最新文章</h5>
            <ul>
                    <li>
                        <a target="_blank" title="为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？" href="/1996151.html">
                            为什么Chrome（在Electron内部）突然重定向到chrome-error：// chromewebdata？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接" href="/749568.html">
                            错误102（net :: ERR_CONNECTION_REFUSED）：服务器拒绝连接;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="如何解决&#39;重定向已被CORS策略阻止：没有&#39;Access-Control-Allow-Origin&#39;标题&#39;？" href="/1009885.html">
                            如何解决&#39;重定向已被CORS策略阻止：没有&#39;Access-Control-Allow-Origin&#39;标题&#39;？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？" href="/884909.html">
                            如何处理“Uncaught（in promise）DOMException：play（）失败，因为用户没有首先与文档交互。”在桌面上使用Chrome 66？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="警告：添加非被动事件侦听器到滚动阻塞&#39;touchstart&#39;事件" href="/818517.html">
                            警告：添加非被动事件侦听器到滚动阻塞&#39;touchstart&#39;事件;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？" href="/343346.html">
                            如何在浏览器中播放.TS文件（视频/ MP2T媒体类型）？;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="此请求已被阻止;内容必须通过HTTPS提供" href="/886417.html">
                            此请求已被阻止;内容必须通过HTTPS提供;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）" href="/562873.html">
                            资源解释为样式表，但转换为MIME类型text / html（似乎与web服务器无关）;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="通过HTTPS加载页面但请求不安全的XMLHttpRequest端点" href="/885901.html">
                            通过HTTPS加载页面但请求不安全的XMLHttpRequest端点;
                        </a>
                    </li>
                    <li>
                        <a target="_blank" title="拒绝从执行脚本&#39;*&#39;，因为它的MIME类型（“应用/ JSON&#39;）不是可执行文件，并严格MIME类型检查被启用。" href="/47347.html">
                            拒绝从执行脚本&#39;*&#39;，因为它的MIME类型（“应用/ JSON&#39;）不是可执行文件，并严格MIME类型检查被启用。;
                        </a>
                    </li>
            </ul>
        </div>
        <div class="widget widget-side bgwhite mb-1 shadow">
            <h5>
                热门教程
            </h5>
            <ul>
                <li>
                    <a target="_blank" title="Java教程" href="/OnLineTutorial/java/index.html">
                        Java教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Apache ANT 教程" href="/OnLineTutorial/ant/index.html">
                        Apache ANT 教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Kali Linux教程" href="/OnLineTutorial/kali_linux/index.html">
                        Kali Linux教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="JavaScript教程" href="/OnLineTutorial/javascript/index.html">
                        JavaScript教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="JavaFx教程" href="/OnLineTutorial/javafx/index.html">
                        JavaFx教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="MFC 教程" href="/OnLineTutorial/mfc/index.html">
                        MFC 教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Apache HTTP客户端教程" href="/OnLineTutorial/apache_httpclient/index.html">
                        Apache HTTP客户端教程
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Microsoft Visio 教程" href="/OnLineTutorial/microsoft_visio/index.html">
                        Microsoft Visio 教程
                    </a>
                </li>
            </ul>
        </div>
        <div class="widget widget-side bgwhite mb-1 shadow">
            <h5>
                热门工具
            </h5>
            <ul>
                
                <li>
                    <a target="_blank" title="Java 在线工具" href="/Onlinetools/details/4">
                        Java 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="C(GCC) 在线工具" href="/Onlinetools/details/6">
                        C(GCC) 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="PHP 在线工具" href="/Onlinetools/details/8">
                        PHP 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="C# 在线工具" href="/Onlinetools/details/1">
                        C# 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Python 在线工具" href="/Onlinetools/details/5">
                        Python 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="MySQL 在线工具" href="/Onlinetools/Dbdetails/33">
                        MySQL 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="VB.NET 在线工具" href="/Onlinetools/details/2">
                        VB.NET 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Lua 在线工具" href="/Onlinetools/details/14">
                        Lua 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Oracle 在线工具" href="/Onlinetools/Dbdetails/35">
                        Oracle 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="C++(GCC) 在线工具" href="/Onlinetools/details/7">
                        C++(GCC) 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Go 在线工具" href="/Onlinetools/details/20">
                        Go 在线工具
                    </a>
                </li>
                <li>
                    <a target="_blank" title="Fortran 在线工具" href="/Onlinetools/details/45">
                        Fortran 在线工具
                    </a>
                </li>
            </ul>
        </div>
        
    </div>
</div>
<script type="text/javascript">var eskeys = '身高,100,不起作用'; var cat = 'cc';';//qianduan</script>
    </div>
<div id="pop" onclick="pophide();">
    <div id="pop_body" onclick="event.stopPropagation();">
        <h6 class="flex flex101">
            登录
            <span onclick="pophide();">关闭</span>
        </h6>
        <div class="pd-1">
            <div class="wxtip center">
                <span>扫码关注<em>1秒</em>登录</span>
            </div>
            <div class="center">
                <img id="qr" src="https://huajiakeji.com/Content/Images/qrydx.jpg" alt="" style="width:150px;height:150px;" />
            </div>
            <div style="margin-top:10px;display:flex;justify-content: center;">
                <input type="text" placeholder="输入验证码" id="txtcode" autocomplete="off" />
                <input id="btngo" type="button" onclick="chk()" value="GO" />
            </div>
            <div class="center" style="margin: 4px; font-size: .8rem; color: #f60;">
                发送“验证码”获取
                <em style="padding: 0 .5rem;">|</em>
                <span style="color: #01a05c;">15天全站免登陆</span>
            </div>
            <div id="chkinfo" class="tip"></div>
        </div>
    </div>
</div>    <script type="text/javascript" src="https://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/jquery-cookie/1.4.1/jquery.cookie.min.js"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/highlight.min.js"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/base.js?v=0.22"></script>
<script type="text/javascript" src="https://img01.yuandaxia.cn/Scripts/tui.js?v=0.11"></script>
<footer class="footer">
    <div class="container">
		<div class="flink mb-1">
			友情链接：
            <a href="https://www.it1352.com/" target="_blank">IT屋</a>
            <a href="https://huajiakeji.com/" target="_blank">Chrome插件</a>
            <a href="https://www.cnplugins.com/" target="_blank">谷歌浏览器插件</a>
        </div>
        <section class="copyright-section">
            <a href="https://www.it1352.com" title="IT屋-程序员软件开发技术分享社区">IT屋</a>
            ©2016-2022 <a href="http://www.beian.miit.gov.cn/" target="_blank">琼ICP备2021000895号-1</a>
            <a href="/sitemap.html" target="_blank" title="站点地图">站点地图</a>
            <a href="/Home/Tags" target="_blank" title="站点标签">站点标签</a>
            <a target="_blank" alt="sitemap" href="/sitemap.xml">SiteMap</a>
            <a href="/1155981.html" title="IT屋-免责申明"><免责申明></a>
            本站内容来源互联网,如果侵犯您的权益请联系我们删除.
        </section>
        
<!--统计代码-->
<script type="text/javascript">
    var _hmt = _hmt || [];
    (function() {
      var hm = document.createElement("script");
      hm.src = "https://hm.baidu.com/hm.js?0c3a090f7b3c4ad458ac1296cb5cc779";
      var s = document.getElementsByTagName("script")[0]; 
      s.parentNode.insertBefore(hm, s);
    })();
</script>
<script type="text/javascript">
    (function () {
        var bp = document.createElement('script');
        var curProtocol = window.location.protocol.split(':')[0];
        if (curProtocol === 'https') {
            bp.src = 'https://zz.bdstatic.com/linksubmit/push.js';
        }
        else {
            bp.src = 'http://push.zhanzhang.baidu.com/push.js';
        }
        var s = document.getElementsByTagName("script")[0];
        s.parentNode.insertBefore(bp, s);
    })();
</script>
    </div>
</footer>
</body>
</html>