コンテナー内で、 2 つのブロックを互いに上に配置し(例: 絶対)、コンテナーを最大のブロックのサイズ/高さに拡張することはできますか?
コンテナを使用position: absolute
する場合、配置された要素のサイズに拡張されません。
CSSでこの効果を得る方法はありますか?
説明的な(廃止された)例:
<div class="wrap">
<div class="foo">foo</div>
<div class="bar">bar</div>
</div>
CSS:
.wrap{
position: relative;
}
.foo{
height: 40px;
}
.bar{
height: 60px;
width: 100%;
position: absolute;
top: 0;
left: 0;
}
jsFiddle: http://jsfiddle.net/qjFR9/
.bar
私は上に配置したい.foo
(.bar
がないかのように配置.foo
).wrap
、最大の子供の高さでなければなりません。