页面有3个部分。
标题,在设计时具有未知内容,因为它在运行时填充了文本。必须显示所有文本,没有滚动条。(我认为height: 100%
会这样做)
内容,内容应填充页眉底部下方的页面到页脚顶部。如果内容中有更多文本可以显示,则滚动条应该可用。
页脚。页脚应该25px
高并始终位于视口的底部。
窗口是一个弹出窗口,它应该永远不会有窗口滚动条,它可以调整大小但不能滚动条。内容滚动条应该是唯一可用的滚动条。
调整窗口大小时,内容区域应调整大小,但页脚保持不变,即固定在底部。
宽度都是100%
答案 0 :(得分:2)
标题:不指定高度。 Div将自动调整其内容的高度
内容:指定一个margin-bottom:25px以避免被页脚重叠
页脚:位置:固定;高度:25像素
你必须研究模拟位置的方法:固定用于IE< 7.例如,见
How do I get a floating footer to stick to the bottom of the viewport in IE 6?
答案 1 :(得分:2)
如果您想要页脚底部的页脚,这可能是一个痛苦的屁股。我发现这样做并使其跨浏览器工作的唯一方法就是使用一个可怕的表格布局 - 在我被我的头部咬掉之前,表格布局是不受欢迎的 - 大时间。
标题和内容的定位很容易......但据我所知,到目前为止还没有页脚,我只找到两种方法将页脚定位在窗口的底部(相反)在文档的底部可能是短文档的窗口的一半),1使用Javascript引用Window.Height而另一个使用表(不赞成,但这样做的简单方法)。
到目前为止,我还没有看到在所有浏览器中可靠地执行此操作的CSS。我很想看到这样做的CSS ...