button position absolute not working as expected

Question

Can anyone explain why this button is not absolute-positioned to the right? I would expect it to be 3px from every edge.

Answer 1

.wrapper {
    height: 300px;
    width: 300px;
    background-color: #f33;
    position: relative;
}

.wrapper button {
    position: absolute;
    top: 3px;
    bottom: 3px;width:97.5%;
    right: 3px;
}

Try this.