html - 親要素よりも幅の広い要素を中央に配置するにはどうすればよいですか？

Question

私は現在900pxの固定幅のdivを持っています。
幅が950pxに固定された子iframeを追加し、中央に完全に配置したいと思います。
どうすればそれができますか？

ありがとう。

score 6 · Accepted Answer

子を50％に配置してから、子の幅の半分である負のマージンを使用できます。

.parent { position: relative; overflow: hidden; }
.child { position: absolute; left: 50%; top: 0; margin-left: -475px; }

このように、あなたは子要素のサイズを知る必要があるだけです。

score 3 · Accepted Answer

私はここで動的な幅でそれを行う方法を見つけました：http ：//www.greywyvern.com/？post = 323

score 2 · Accepted Answer

別の方法は、次を使用することです。

   .parent {
     position:relative;
   }
   .child {
     position:absolute;
     left:50%;
     transform:translateX(-50%);
   }

これは、子や親のサイズがわからなくても機能しますが、古いブラウザでは機能しません。

score 1 · Accepted Answer

1

.container {
    width:900px
}

iframe {
    margin-left:-25px;
    width:950px;
}

于 2011-04-07T12:22:59.957 に答える

score 1 · Accepted Answer

外側のコンテナの幅が950px、子のiframeの幅が900pxであると仮定すると、margin：0pxautoを使用できます。cssの子コンテナ用

5 に答える 5