html - ブロック要素を画面下部の中央に固定しますか？

Question

ブロック要素を水平方向の中央に配置し、下部を垂直方向に配置したいと思います。これが私が試していることです：

iframe {
    display: block;
    position: fixed;
    bottom: 5px;
    left: 50%;
    right: 50%;
}

右下に表示され、画面から部分的に溢れています。これを行う方法はありますか？

score 3 · Accepted Answer

次のように、要素の幅の半分に等しい負の左マージンを設定する必要があります。

left: 50%;
margin-left: -152px;

はright: 50%何もしません。

1 に答える 1