css - 空のDivは親の100％である必要があります

Question

少しイライラする問題があります...ここでいくつかの答えを見つけたと思いましたが、現時点では何も機能していないようです。

最初に使用する画像は次のとおりです。

次に、htmlは次のとおりです。

<section class="A">
  <aside class="B"></div>
  <header class="C">Title</header>
  <article class="D">Lorem ipsum...</article>
</section>

そして今のところCSS：

A{width:100%}
B{width:220px; height:100%; float: right; background= #fff url("foo") repeat}
C{width:450px}
D{width:450px}

私はワードプレスを使用しているので（このビットは投稿です）、すべてのコンテンツが自動的に生成されます。div "B"が親divの100％である必要があります。繰り返される背景画像以外のコンテンツはありません（サイトは応答性が高く、このdivは次のブレークポイントで消えます）。

記事（ "D"）に固定の高さを与えることができないため、絶対的に配置することはできません（少なくとも、ステートメントは正しいと思います...）

誰かが私を助けたり、それができる場所を教えてもらえますか？できればCSSソリューションですが、jQueryはこの時点でも問題ありません。

トン²ありがとう。

score 2 · Accepted Answer

B要素に絶対配置を使用し、要素が固執する3つの側面を指定できると確信しています：

.A {
    position: relative;
}

.B {
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 220px;
}

1 に答える 1