使用CSS對齊屏幕上的按鈕底部使用相對位置

我需要將一個按鈕定位到屏幕底部。我需要使用相對大小而不是絕對大小，因此它適合任何屏幕大小。使用CSS對齊屏幕上的按鈕底部使用相對位置

我的CSS代碼：

position:relative; 
left:20%; 
right:20%; 
bottom:5%; 
top:60%;

2013-06-12 sharon Hwk

請分享您的HTML代碼，也http://jsfiddle.net/更好。 –

你的問題是什麼？ –

如果你不使用JavaScript，我認爲你最好先創建兩個div。每一個都有一個設定的比例，較低的一個應該包含你的按鈕。也許更多的代碼應該讓別人知道你已經完成了什麼。 – itsols

下面的CSS代碼始終保持的按鈕，頁面底部

position:absolute; 
bottom:0;

既然你想這樣做的相對定位，你應該去margin-top:100%

position:relative; 
margin-top:100%;

EDIT1：JSFiddle1

EDIT2：在屏幕的中心處的按鈕，

position:relative; 
left: 50%; 
margin-top:50%;

2013-06-12 05:18:08 Praveen

我不想要它正好在底部，但我需要保持屏幕底部和按鈕之間的空間。 –

@sharonHwk在我的答案中檢查jsfiddle，你可能會有一些想法。 – Praveen

我怎樣才能讓按鈕到屏幕的中心？ –

這對於任何分辨率下工作，

button{ 
    position:absolute; 
    bottom: 5%; 
    right:20%; 
}

2013-06-12 05:17:58

我也希望它是中心 –

我試過你的代碼，如果屏幕的寬度變大，那麼按鈕仍然定位在20％，所以有反正我可以居中按鈕？ –

'left：50％;'或'right：50％;'將它居中 –

<button style="position: absolute; left: 20%; right: 20%; bottom: 5%;"> Button </button>

2013-06-12 05:24:07

回答