调整页面大小 - 使用基于百分比的宽度划分到位

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>

可能是这样的事情。