1

我正在尝试获取包含 Object 标记的嵌套 DIV 标记，以拉伸到其父容器的剩余空间。

我拥有的是由 3 个 DIV 标签组成的页眉内容页脚模板。内容 DIV 有一个包含另一个 HTML 页面的对象。页眉和页脚的高度设置为绝对像素值。我希望内容 DIV 占用剩余空间。无论我做什么，似乎我能想到的最好的办法就是将 DIV 内容标签设置为屏幕高度的 100%。这是代码：

<body>
<div id="pageWrap">
<div id="page">
    <div id="header" style="height:68px;"></div>
    <script type="text/javascript">
            $(document).ready(function() {
                $("#header").load('header.jsp');
            });
    </script>
    <div id="mapLocation" style="width:100%; height:100%; overflow:auto;">
    <object type="text/html" style="width:100%; height:100%;" data="top/index.html"></object>
    </div>
    <div id="footer"></div>
    <script type="text/javascript">
        $(document).ready(function() {
                $("#footer").load('footer.jsp');
        });
    </script>
</div>
</div>
</body>

任何解决方案都很好，jQuery、CSS 或其他！

谢谢您的帮助

吉尔曼

4

2 回答 2

0

如果您为页眉和页脚提供绝对位置，那么您可以只使用百分比值吗？

就像是：

#header {
height:20%;
}

#footer {
height: 20%;
}

#div {
height: 60%;
}
于 2012-09-21T13:53:14.710 回答
0

认为这与我几周前回答的问题相同： 页面填充窗口，内容填充空白

于 2012-09-21T15:07:24.410 回答