使用CSS使用相对位置对齐屏幕的按钮底部

Question

我需要将一个按钮放在屏幕底部。我需要使用相对大小而不是绝对大小，因此它适合任何屏幕大小。

我的CSS代码：

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

Answer 1

以下css代码始终将按钮保留在页面底部

position:absolute;
bottom:0;

由于你想在相对定位中进行，你应该去margin-top:100%

position:relative;
margin-top:100%;

EDIT1： JSFiddle1

EDIT2：要将按钮放在屏幕中央，

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

JSFiddle2

Answer 2

这适用于任何分辨率，

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

http://jsfiddle.net/BUuSr/

Answer 3

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