1

页面有 3 个部分。

  1. 标头,在设计时具有未知内容,因为它在运行时填充了文本。必须显示所有文本,没有滚动条。(我认为height: 100%这样做)

  2. 内容,内容应填满页面底部下方的页眉到顶部的页脚。如果内容中有更多可以显示的文本,则应该可以使用滚动条。

  3. 页脚。页脚应该25px很高并且始终位于视口的底部。

窗口是一个弹出窗口,它不应该有窗口滚动条,它可以调整大小但没有滚动条。内容滚动条应该是唯一可用的。

调整窗口大小时内容区域应该调整大小,但页脚保持不变,即固定在底部。

宽度都是100%

4

2 回答 2

2

标题:不要指定高度。Divs 将自动调整到其内容的高度

content: 指定一个margin-bottom: 25px 避免被页脚重叠

页脚:位置:固定;高度:25px

您必须研究模拟 position:fixed for IE < 7 的方法。例如,请参阅,

如何让浮动页脚粘在 IE 6 的视口底部?

于 2008-12-16T16:21:43.607 回答
2

如果您希望页脚位于窗口底部,这可能会让人头疼。我发现这样做并使其跨浏览器工作的唯一方法是使用可怕的表格布局 - 在我把头咬掉之前,表格布局是不受欢迎的 - 很重要。

定位页眉和内容很容易......但据我所知,到目前为止,不是页脚,我只找到了两种将页脚定位在窗口底部的方法(而不是底部对于短文档,文档可能位于窗口的一半),1 使用 Javascript 来引用 Window.Height 和其他使用表格(不赞成,但这样做的简单方法)。

到目前为止,我还没有看到在所有浏览器中都能可靠地做到这一点的 CSS。我很想看到一个 CSS 做到这一点......

于 2008-12-16T16:26:21.803 回答