Vaadin：带有右上角标题的窗口

【问题标题】：Vaadin: window with top-right captionVaadin：带有右上角标题的窗口
【发布时间】：2017-09-13 09:04:34
【问题描述】：

我定义了一个窗口，代码如下：

Window w = new Window();
    w.setCaption("caption");
    w.setModal(true);
    w.center();
    w.setDraggable(false);
    w.setClosable(false);
    w.setResizable(false);
    w.setWidth("500px");
    w.setHeight("380px");
    ...

还有图片：

如何将标题移动到窗口的右上角？我应该使用什么 CSS？

【问题讨论】：

@HosienPanahi 我已经发布了对您查询的答案。请检查

标签： java css window vaadin

【解决方案1】：

您可以通过使用绝对的元素来做到这一点，您希望将其放置在右上角。但需要保持外部 div 相对。在 sn-p 中为您提供一个小示例。这里test 保留为relative，span 保留为相对于test 的位置absolute。在这里您可以通过提供位置来放置它。看看对你有没有帮助

.test {
position: relative;
height: 100px;
width: 200px;
border: 1px solid #000;
}

.test span {
  position: absolute;
  top: 10px;
  right: 10px;
}

<div class="test">
  <span>Hello</span>
</div>

【讨论】：