0

上部パディングが 400px のコンテナー div (赤) があります。(青) 内のコンテンツの高さは任意です。また、幅は固定ですが、コンテンツに応じて高さが可変の別の要素 (緑) があります。

例

緑色の要素の下端を青色のコンテンツの上部 (つまり、赤色のコンテナーの上部から 400px) に配置できるようにしたいと考えています。

マークアップの例

<div class="red-container">

    <div class="green-thingy">Some text here</div>

    <div class="blue-content">
        <p>blah blah blah...</p>
        <p>blah blah blah...</p>
    </div>
</div>

これを可能にするCSSのトリックを知っている人はいますか?

4

1 に答える 1

3

親要素の上部に対して要素の下部を配置することはできません。

コンテナーの上部に高さ 400 の別の要素を追加し、その中に緑色の div を下部に配置します。

于 2012-06-22T00:58:12.607 に答える