0

現在、私はオブジェクトタグ内にあるビデオを持っています.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;

私が望むのは、右と下にマージンを与えることです。これは下のビデオレスペタダードです

4

1 に答える 1

0

ボタン コンテナに対して position: を設定する必要があります。

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

また、position: absolute を使用する場合、要素の位置を設定するには、margin や float の代わりに top、bottom、left、right プロパティを使用します。

デモ: http://jsfiddle.net/5ecdV/

于 2013-10-27T03:56:22.467 に答える