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>

也许是这样的。