Gwt 吕震中本：如何反转垂直的按钮面板

我有一个包含一组按钮的垂直面板。单击基本按钮时，面板将展开并显示作为垂直面板一部分的按钮集。由于这个基本按钮位于hte UI的底部，因此我对CSS进行了更改，以使展开的按钮看起来向上流动，而不是向下流动。然而，页面似乎在展开状态下向下展开，这会导致页面上添加一个滚动条，这是完全不希望的

---

有没有一种方法可以将按钮添加到垂直面板中，使其向上（倒置）而不是向下？我真的不希望以不同的顺序添加按钮，然后尽可能地再次使用CSS。谢谢您的提示。

只需反转方向并不容易，因为据我所知，您希望按钮面板浮动在现有页面的顶部。网页遵循流结构，除非您指定，否则不会堆积起来

您可能需要将整个布局更改为一个绝对面板，或者使用CSS（正如您所说，您不想这样做，但这肯定比前一个更容易），以便您可以将面板放置在任何您想要的位置

CSS:

爪哇：

---

VerticalPanel对于您的布局是错误的小部件。您应该使用PopupPanel和非常简单的CSS。当用户按下按钮时，通过调用.showRelativeTo（）方法显示此PopupPanel。它将为您完成所有计算，并根据浏览器窗口的大小和按钮的位置向下或向上显示

在PopupPanel中，添加一个FlowPanel，并将按钮添加到此FlowPanel。将此样式应用于FlowPanel：

.menu {
    width: 100px;
}
.menu input {
    float: left;
    margin-top: 10px;
    width: 100px;
}

---

谢谢你的回复。我想知道是否有办法强制弹出面板始终向上打开？是的。您不必使用showRelativeTo（），只需自己设置坐标即可。使用.setPopupPositionAndShow（）方法。

YourVerticalPanel.addStyleName("button-panel");

.menu {
    width: 100px;
}
.menu input {
    float: left;
    margin-top: 10px;
    width: 100px;
}