GWT 中的浮动面板

【问题标题】：Floating panel in GWTGWT 中的浮动面板
【发布时间】：2010-04-13 22:57:29
【问题描述】：

我正在使用 GWT 2 开发应用程序，并希望添加浮动面板，该面板粘在屏幕底部（不是页面，如 facebook 中的聊天面板）。制作这种面板的最佳方法是什么？

【问题讨论】：

标签： css gwt

【解决方案1】：

如果我理解正确，您应该将以下样式应用于面板（任何基本面板都应该这样做：FlowPanel、HTMLPanel 等）并将其添加到正文中（它没有是<body>，但我们知道它始终存在并且不会被删除；））通过RootPanel.get().add(fixedPanel);

position: absolute; /* Or fixed - depends on what you want */
right: 0; /* The part that puts the Panel in bottom right of the page/client area */
bottom: 0;

【讨论】：

【解决方案2】：

这可以通过将 CSS 属性 position: fixed 添加到相关 div 来完成。

在此处阅读更多信息：http://www.quirksmode.org/css/position.html

【讨论】：

但是如何把它放在浏览器窗口的右下角呢？

【解决方案3】：

我认为你可以通过 CSS 做到这一点。您只需要任何 GWT 面板，然后使用 CSS 对其进行样式设置。查看http://www.lwis.net/journal/2008/02/08/pure-css-sticky-footer/

【讨论】：