最初：スルー表示素子：ブロック内の中段にインラインブロック要素、例えば：
<スタイル>
■は{幅：500pxなど;高さ：500pxなど、ボックスシャドウ：0 5pxの＃000;テキスト整列：センター;フォントサイズ：0;}
■は.zi {幅120ピクセル、高さ100ピクセル。背景：＃0F0;表示：インラインブロック;垂直整列：中央;}
■は： "";表示：{コンテンツ後インラインブロック;高さ：100％;垂直整列：中央;}
</スタイル>
</ HEAD>
<BODY>
<DIV CLASS = "ボックス">
<DIV CLASS = "ZI"> </ div>
</ div>
第二：例えば、位置を移動させる方法を位置決めします。
<スタイル>
■は{幅：500pxなど;高さ：500pxなど、ボックスシャドウ：0 5pxの＃000;位置：相対;}
■は.zi {幅120ピクセル、高さ100ピクセル、背景：＃0F0。
位置：絶対;左：0;右：0;トップ：0;下：0;マージン：自動;}
</スタイル>
</ HEAD>
<BODY>
<DIV CLASS = "ボックス">
<DIV CLASS = "ZI 「> </ div>
</ div>
第三：のみ第2の調整位置によって同様のパーセンテージ、例えば
<スタイル>
■は{幅：500pxなど;高さ：500pxなど、ボックスシャドウ：0 5pxの＃000;位置：相対;}
■は.zi {幅120ピクセル、高さ100ピクセル、背景：＃0F0;位置：絶対;左：50％;上部：50％;マージン：0 -60px -50px;}
</スタイル>
</ head>
<body>
<DIV CLASS = "ボックス">
<DIV CLASS = "ZI"> </をDIV>
</ DIV>
第四：第三のに似ていますが、調整時センター位置に戻す変換を用いた：（、）翻訳は、例えば、調整されています
<スタイル>
■は{幅：500pxなど;高さ：500pxなど、ボックスシャドウ：0 5pxの＃000;位置：相対;}
■は.zi {幅120ピクセル、高さ100ピクセル、背景：＃0F0。
位置：絶対;左：50％;上部：50％;変換：変換（-50％、 - 50％）;}
</スタイル>
</ head>
<body>
<DIV CLASS = "ボックス">
<DIVクラス= "ZI"> </ div>
</ div>
第五：弾性ボックス（ディスプレイ：フレックス）、例えば
<スタイル>
■は{幅：500pxなど;高さ：500pxなど、ボックスシャドウ：0 5pxの＃000;表示：フレックス;正当化コンテンツ：センター; ALIGN-アイテム：センター;}
■は.zi {幅：120ピクセル。高さ：100pxに;背景：＃0F0;}
</スタイル>
</ HEAD>
<BODY>
<DIV CLASS = "ボックス">
<DIV CLASS = "ZI"> </ div>
</ div>
最も一般的に使用される方法を超える5、多くの点に加えて、さまざまな異なるの一人一人の個人の利用習慣によると、疑問にご理解くださいます。