さて、私はこの構造を得ました:
#parent{
max-width: 800px;
height: auto;
margin: auto;
}
#child{
position: absolute;
width: 100%;
height: 52px;
display: none;
}
<div id="parent">
<div id="child"></div>
</div>
子 div はデフォルトで非表示になっています。jQuery (.fadeIn) を使用して表示されます。問題は、css のみを使用して子要素を垂直方向に中央揃えにするにはどうすればよいかということです。