絶対絶対配置要素のCSSの章では、スキルを中心に

一般に、絶対位置決め要素は、中央に、left:50%;top:50%;その後margin负值、またはによってtransformも所望の効果を達成します。
今日は別のスキル、使用を発見し、top,left,right,bottom取值0その後magin:auto、途中で実現することができます。
理由：

絶対位置決め要素に対して、上、右、下、左特性は要素の選択図マージンは、これらのオフセットの内側に配置され（要素はに対して配置されているもの）要素の包含ブロックのエッジからのオフセットを指定します。

<div class='box>
    <div class='jz'></div>
</div>

div.box{
   position: relative;
   height: 300px;
   background: #989eaa;
}
div.fz{
   width: 100px;
   height: 100px;
   background: #499682;
   position: absolute;
   top:0;
   left: 0;
   right: 0;
   bottom: 0;
   margin:auto;
}

注：大規模な子要素は、上下失敗を中心とすることができます。

：この記事はで再現されたAPE2048➺ https://www.mk2048.com/blog/blog.php?id=hh0iakjaaaa

おすすめ