2015-01-13 34 views
-2

我想將捐款箱設爲div,但我希望它在滾動時隨頁面一起移動,而無需更改其位置或停留在舊位置(即position:fixed)。我給了div定位,但它不會因爲某種原因而移動,當頁面變得更長時,它會被推開。如何修改一個div?

<head> 
<style> 
#donationbutton { 
color: blue; 
background-color: yellow; 
font-weight: bold; 
width: 100px; 
padding:10px; 
text-align: center; 
border: 2px solid black; 
border-radius: 25px; 
position: relative; 
} 
</style> 
</head> 
<body> 
<a href="something" style="text-decoration: none;"> 
<div id="donationbutton"> 
    DONATE 
</div> 
</a> 
</body> 

`

+0

你提到使用'位置:fixed',但我沒有看到它在你的代碼。爲什麼不? – showdev

+0

您能否在http://jsfiddle.com/中表示您的問題? (更容易理解)。我沒有看到任何錯誤,只是你說的是'position:fixed',但在你的代碼中它是'relative' –

回答

0

你需要的,如果你想讓它留在原地

#donationbutton { 
    color: blue; 
    background-color: yellow; 
    font-weight: bold; 
    width: 100px; 
    padding:10px; 
    text-align: center; 
    border: 2px solid black; 
    border-radius: 25px; 
    position: fixed; <--------- 
} 

EXAMPLE

就明白position: fixed從流中刪除元素使用position: fixed代替position: relative的文件,所以它不會像正常的塊元素

+0

......誰低估了這個? – jmore009