6

我正在构建一个布局，其中包含一个高度为 40 像素的标题。在此标头下方，有一个 SWF 驻留，它应该占用剩余的可用空间。

到目前为止，最好的解决方案是使用表格，将第一行 40 像素高度和第二行 100% 高度 - 但这些行仍然在 Internet Explorer 中相加，导致滚动条出现 40 个额外像素 - 这不应该就是这样。

我尝试使用这个：http ://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ - 如果您的内容最终会向下推送但其中包含 100% 的 SWF，它将工作正常，它将接管整个页面，或页面的一半（取决于将 SWF 放在内容 div 中还是 SWF 是内容 div）。

在我求助于 javascript 来处理这项业务之前，我想知道其他人是否知道更好的解决方案？

4

2 回答 2

1

尝试将标题设置为静态。所以它漂浮在主体上，并将主体设置为 100% 高度。然后在顶部给 body 一个 40px 的内边距。

于 2009-04-27T19:14:12.370 回答
0

将页脚强制到页面底部的类似解决方案可能有效

    html, body{height:100%;margin:0;padding:0;}
    #head{height:40px;background:blue;}
    #wrapper{min-height: 100%;height: auto !important;height: 100%; margin: 0 auto -40px;background:red;}
    #content{}

<div id="wrapper">
<div id="head">
</div>
<div id="content">
</div>
</div>
于 2009-04-27T19:45:27.240 回答