Question

我正在构建一个包含标题的布局，其高度为40像素。在此标题下面，SWF位于其余的可用空间中。

最好的解决方案，现在一直在使用表格，第一行为40px高度，第二行为100％高度 - 但这些行仍然在Internet Explorer中累加，导致滚动条出现40个额外像素 - 不应该是这种情况。

我尝试使用这个：http://www.456bereastreet.com/archive/200609/css_frames_v2_fullheight/ - 如果你的内容最终有所推动但是其中有100％的SWF，那么它会正常工作，它会接管整个页面，或占据整个页面的一半（取决于将SWF放在内容div中或SWF作为内容div）。

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

Answer 1

尝试将标头设置为静态。因此它漂浮在主体上，并将主体设置为100％高度。然后在顶部给身体一个40px的衬垫。

Answer 2

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

    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>

CSS 100％高度+标头，静态高度;

2 个答案: