0

コンテナー内で、 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、最大の子供の高さでなければなりません。

4

1 に答える 1