如何定位一個元素相對於屏幕（視口）？

Question

所以，我有一個是位於頁面的右下角如圖片所示（「電流」）按鈕：

的設置很簡單：

<div class="content"> 
    Content 
</div> 
<div class="button" style="position:absolute;right:0px;bottom:0px;"> 
    Button 
</div> 

現在，有沒有辦法找到「可見」屏幕底部的按鈕，而不需要在「需要」圖片上顯示的內容底部？

謝謝！

Answer 1

我相信你正在尋找position: fixed。

#myDiv 
{ 
    position: fixed; 
    bottom: 5px; 
    right: 5px; 
} 

JSFiddle

Answer 2

是的，你可以用position: fixed將其連接到視區的右下角。

selector { 
    position: fixed; 
    bottom: 0; 
    right: 0; 
} 

---

position: fixed

固定定位類似於絕對定位，與 例外的是，元素的包含塊是視口。這是經常用於創建浮動元素的 ，即使在滾動頁面之後，它仍保持在相同的 位置。