GWT HTMLPanel 高度问题
我正在使用 GWT HtmlPanel 对小部件进行分组。我想使用 CSS 将 HtmlPanel 的高度设置为 100%。并为其设置背景颜色。
这是我的代码：
CSS： .loginhtmlpan { 宽度：100%； 高度：100%； 背景颜色：#424242； 请
在这方面帮助我。
I am using GWT HtmlPanel to group the widgets. I want to set the height for the HtmlPanel as 100% using CSS. and set the background-color to it.
Here it is my code:
CSS:
.loginhtmlpan {
width: 100%;
height: 100%;
background-color: #424242;
}
please help me in this context.
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
尝试使用基于约束的 CSS 定位，而不是以编程方式指定特定的高度和宽度。这正在成为标准 GWT 小部件的常见做法。像这样的样式：
.myCssStyle {
位置：绝对；
顶部：0；
左：0；
右：0；
底部：0；
然后，
您可以使用 addStyleName("myCssStyle") 将此样式添加到 HTMLPanel - 这样做的好处是，当浏览器调整大小事件发生时，将免费正确调整 HTMLPanel 的大小。附带说明一下，大多数 GWT“布局”容器都使用基于约束的定位（DockLayoutPanel、LayoutPanel、SplitLayoutPanel 等）。
Try using constraint-based CSS positioning rather than specifying specific heights and widths programmatically. This is becoming common practice for standard GWT-widgets. A style like:
.myCssStyle {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}
You can then add this style to your HTMLPanel using the addStyleName("myCssStyle") - the nice thing about this is that proper resizing of your HTMLPanel will occur for free when browser resize events occur. As a side note, most GWT "Layout" containers use constraint-based positioning (DockLayoutPanel, LayoutPanel, SplitLayoutPanel, etc).
将 css 样式应用到 gwt 小部件的最简单方法：
链接 host.html 文件中的样式表。
创建 html 面板时调用
myHtmlPanel.addStyleName("loginhtmlplan")请参阅 http ://google-web-toolkit.googlecode.com/svn/javadoc/2.3/com/google/gwt/user/client/ui/UIObject.html了解更多详情
The simplest way to apply a css style to a gwt widget:
Link the stylesheet in your host.html file.
call
myHtmlPanel.addStyleName("loginhtmlplan")when you create the html panelSee http://google-web-toolkit.googlecode.com/svn/javadoc/2.3/com/google/gwt/user/client/ui/UIObject.html for more details