html - 标签上的按钮对象

Question

目前我有一个视频，我有一个对象标签，这个来自 Vimeo 的视频，我选择了我打算将我创建的按钮放在这个视频的正上方并将它放在我想要的地方，我绝对有定位，但当然，当我调整页面大小时完全偏离位置:有什么解决方案吗？

这是 CSS:

width: 204px;
height: 65px;
z-index: 1;
position:absolute;
box-shadow: 1px 1px 1px #cd8228;
border-radius: 3px 3px;
float:right;
margin-right: 20px;

我想要的是在右边和下面留出边距，这是下面的视频 respetadado

Answer 1

需要设置position: relative to button container

.container{
    position: absolute;
    width: 200px;
    height: 100px;
}
.button{
    position: absolute;
    width: 50px;
    height: 30px;
    background-color: red;
    right: 20px;
    top: 10px;
}

此外，当您使用 position: absolute 时，要使用 top、bottom、left、right 属性而不是 margin 或 float 来设置元素位置。

演示:http://jsfiddle.net/5ecdV/