Question

我想知道如何使'this'iframe / div（标有红色边框）使用所有可用的高度。 iframe从顶部开始是160px，我想让它走到最底层。当我设置高度@ 100％时，它将填充所有内容，但是当我使网页不那么高时，它会很晚显示滚动条。这是因为他从顶部是160px ...有人知道如何解决这个问题吗？

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（在10个代表的网址中）

Answer 1

您已将iframe的高度设置为300px： #DATA {宽度：310px;高度：300像素;

如果您希望填充所有框架

，则应将其设置为100％

Answer 2

    <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>

IT应该有效;）

如何让这个iframe使用所有高度？

2 个答案: