0

我想知道如何让“这个”iframe/div（标有红色边框）使用所有可用的高度。iframe 距离顶部 160 像素，我希望它到底部。当我将高度设置为 100% 时，它会填满所有内容，但是当我使网页不那么高时，它会很晚才显示滚动条。这是因为他距离顶部 160 像素......有人知道如何解决这个问题吗？

php:

<div id="sidebar"  style="display: none;">
    <div class="sidebar p1"><a onclick="toggle_visibility('sidebar');"><i class="icon-arrow-left-3 fg-color-white"></i></a></div>
    <div class="sidebar p2">settings</div>
    <div class="sidebar p3">change theme color:</div>

    <iframe id="data" src="/test/coredata/sidebar/theme_data.php"/>

</div>

CSS：

#sidebar{ 
        width: 315px; height: 100%; 
        position: fixed; right: 0px;
        top: 0px; background: #004d5f;
}
#data{width:310px; height:300px; position:absolute; top: 160px; left: 0px; border:3px solid #FF0000;}

屏幕： http: //puu.sh/21vAz（在 url 中由于 10 代表...）

4

2 回答 2

0

您已将 iframe 的高度设置为 300px：#data{width:310px; 高度：300px；

如果你想让它填满整个框架，你应该把它设置为 100%

于 2013-02-12T19:24:13.673 回答
-1 
    <script language="JavaScript">
    <!--
function calcularAltura()
{
  //Calcular a altura da página actual.
  var the_height=
    document.getElementById('the_iframe').contentWindow.
      document.body.scrollHeight;

  //Alterar a altura do iframe
  document.getElementById('the_iframe').height=
      the_height;
}
//-->
</script>

<iframe width="700" id="the_iframe" 
    onLoad="calcularAltura();" 
    src="/test/coredata/sidebar/theme_data.php"
    scrolling="NO"
    frameborder="0"
    height="1">
</iframe>

它应该工作;）

于 2013-02-12T19:25:41.457 回答