css - 既知の高さの div 内で未知の高さの div を垂直方向に中央揃えするにはどうすればよいですか?

Question

のコンテンツが動的に生成されるため、高さが可変の場合、 の<div id="innner">内側を垂直方向に中央揃えにしたいと考えています。あれは、<div id="outer"><div id="innner">

<div id="outer">
    <div id="inner">
        // dynamically generated stuff
    </div>
</div>

Answer 1

#outer{
    float:left; 
    height:50%; 
    margin-bottom:-120px;
}

#inner{
    clear:both; 
    height:240px; 
    position:relative;
}

HTML

<div id="outer">
<div id="inner">
Content here
</div>
</div>