Vaadin：窗口右上方字幕

Question

我定義了一個窗口，這是代碼：

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？

Answer 1

你可以通過使用元素作爲你想要放置在右上角的絕對人物。但需要保持外部div相對。在片段中提供一個小例子。這裏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>