html - 按钮对象到标签上

Question

目前我有一个包含在对象标签中的视频，这个来自 Vimeo 的视频，我选择了我打算在这个视频上方放置一个由我创建的按钮并将其放置在我想要的位置，我已经完全定位了，但是当然，当我完全调整页面大小时：s 有什么解决方案吗？

这是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

您需要设置位置：相对于按钮容器。

.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 属性而不是边距或浮动。

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