html - 调整页面大小 - 使用基于百分比的宽度放置 Div

Question

所以我有一个 div 贴在屏幕的右上角。

我可以使用以下 CSS 使 div 保持在右上角：

.dockbar {
    background: #000000;
    width:300px;
    float:right;
    position: absolute;
    left:1180px;
    top:10px;
    height:38px;
}

但我讨厌这种方法，因为如果屏幕更大，div 右侧有空间。我更喜欢使用基于百分比的大小，但是这样做会导致 div 随屏幕移动（因为百分比..）

有没有办法在右上角放置一个div：

• 不使用固定定位
• 没有声明精确的基于像素的定位

谢谢

Answer 1

更改left:1180px;为right: 0px，一切正常。

#wrapper{
 width: 800px;
}

<div id="wrpper">
   <div class="dockbar"></div>
</div>

可能是这样的。