調整大小頁面 - Div使用基於百分比的寬度

所以我有一個div粘在屏幕的右上角。調整大小頁面 - Div使用基於百分比的寬度

我可以使用下面的CSS使格留在右上角：

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

可是，我討厭這種做法，因爲div有空間的權利，如果屏幕較大。我更願意使用基於百分比的大小，但這樣做導致與屏幕上移動的div（因爲百分比。）

有沒有辦法在右上角來定位一個div：

如果不使用固定的定位
不宣精確基於像素的定位

由於

來源

2012-10-04 user82302124

變化left:1180px;到right: 0px，一切都應該正常工作。

#wrapper{ 
width: 800px; 
} 

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

可能是這樣的，也許。

來源

2012-10-04 14:23:54

由於0不是可測量的單位，所以沒有理由添加px，em，％等，只是節省了空間。 –

一個問題 - 頁面調整大小時仍會移動。即使在我調整大小時，我也希望div保持在（說）1100px左側。我只是不想爲這個div申報一個位置 - 我寧願說「去100％的權利，這是你的位置，不管調整大小」 – user82302124

@Ryan McDonough對不起，我讀了''不能只用正確......「，並認爲這是由作者發佈的。 @ g1021maxED'將你的內容包裝在一個div中，並設置你想要的寬度。然後將'.dockbar'添加到'wrapper'的右邊：0。 –

調整大小頁面 - Div使用基於百分比的寬度

回答

相關問題