製作div垂直固定，但水平粘貼到頁面的邊框

Question

您可以請轉到：http://www.binarymark.com/Products/ColorPickerPro/default.aspx並注意頁面的佈局。

我想要做的是將一些小格子粘貼或粘貼到頁面的右側，這樣它就在頁面的右邊框之外。

但是，垂直方向上，我希望div被固定爲一個窗口，即無論頁面滾動多少，它應該保持距窗口頂部邊緣300px。

下面是它應該是什麼樣子http://www.binarymark.com/layexp.png

你能幫助我嗎？

看起來很簡單，但我不知道如何結合垂直固定定位和水平相對/絕對定位，並確保它支持所有主流瀏覽器。

謝謝。

Answer 1

position: fixed; 
right: 0; 
top: 50%; 

---

編輯：嘗試將這個div爲您<div id="content">...

<div class="right-tab">TEXT</div> 

CSS的第一個孩子：

.right-tab { 
    position: fixed; 
    top: 50%; 
    width: 1100px; 
    background-color: red; 
    text-align: right; 
} 

這應該讓你開始。寬度將指定你希望你的標籤顯示多少內容（所以在這種情況下，它大約是100像素）。紅色的背景只是讓你更容易看到div。