使用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

回答