Gwt 如何获取内容以向下推页脚(使用UiBinder和DockLayoutPanel)?

Gwt 如何获取内容以向下推页脚(使用UiBinder和DockLayoutPanel)?,gwt,Gwt,如何让我的内容将页脚进一步向下推到屏幕上?内容消失,而不是将页脚进一步向下推(就像我们在SO主页上看到的那样) 我正在使用UiBinder、DockLayoutPanel和CSS以及GWT2.5.1 我的UiBinder xml如下(这里是一个示例) &抄袭;贾斯汀·罗宾斯版权所有 CSS摘录如下(这里是一个例子): .wrap{ 宽度:820px; 保证金:20px自动10px自动; } @雪碧头{ gwt图像:“头部图像”; 背景色:#EFEF; 高度:180像素; } @雪碧。内容{

如何让我的内容将页脚进一步向下推到屏幕上?内容消失,而不是将页脚进一步向下推(就像我们在SO主页上看到的那样)

我正在使用UiBinder、
DockLayoutPanel
和CSS以及GWT2.5.1

我的UiBinder xml如下(这里是一个示例)


&抄袭;贾斯汀·罗宾斯版权所有

CSS摘录如下(这里是一个例子):

.wrap{
宽度:820px;
保证金:20px自动10px自动;
}
@雪碧头{
gwt图像:“头部图像”;
背景色:#EFEF;
高度:180像素;
}
@雪碧。内容{
gwt图像:“内容图像”;
背景色:#EFEF;
填充:10px40px20px20px;
最小高度:500px;
}
.左{
宽度:210px;
浮动:左;
}
@雪碧,左h4{
gwt图像:“侧边图像”;
填充:0 10px;
高度:50px;
线高:50px;
颜色:#fff;
}
.对{
宽度:530px;
浮动:对;
填充顶部:10px;
右边填充:60px;
}
@雪碧页脚{
gwt图像:“页脚图像”;
背景色:#EFEF;
高度:70像素;
线高:70px;
颜色:#fff;
文本对齐:居中;
}
*{边距:0;填充:0;}
身体{
字体系列:Arial;
字体大小:12px;
背景:#efef;
颜色:#232323;
保证金:0;
填充:0;
线高:150%;
}

更新:奥普韦尔建议将南面板的内容移动到中心位置,这有帮助。页脚现在被向下推。但现在内容向下延伸到屏幕底部以下,但没有出现滚动条。现在有没有关于滚动条的建议?我已经为滚动条问题创建了一个解决方案。

将南面板的内容移动到中心是否简单


&抄袭;贾斯汀·罗宾斯版权所有

将南面板的内容移动到中间会有帮助。它确实可以将页脚向下推。现在,内容向下延伸到屏幕底部以下,但没有出现滚动条。有什么建议吗?仔细想想,你在我的作品中回答了这个问题。我接受你的答案。用滚动面板包装新FlowPanel的内容(你可能需要为滚动面板和/或FlowPanel指定100%的高度)。