空 div 需要是 100% 的父级答案

【问题标题】：Empty Div Needs to be 100% of parent空 div 需要是 100% 的父级
【发布时间】：2013-02-18 11:55:02
【问题描述】：

我遇到了一个令人沮丧的问题...我以为我在这里找到了一些答案，但目前似乎还没有任何效果。

下面是一张图片：

然后这里是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}

我使用的是wordpress（这个位是帖子），所以所有的内容都是自动生成的。我需要 div "B" 是父 div 的 100%。除了重复的背景图片（网站是响应式的，这个 div 将在下一个断点处消失）之外，它没有任何内容。

我不能绝对定位它们，因为我不能给文章（“D”）一个固定的高度（至少我认为这种说法是正确的......）

任何人都可以帮助或指出我可以到的地方吗？最好是 CSS 解决方案，但此时 jQuery 也可以！

非常感谢²。

【问题讨论】：

样式表规则定义中的类名前需要句点
您是在询问有关您的解决方案的问题，但实际上并没有告诉我们真正的问题是什么（请参阅meta.stackexchange.com/questions/66377/what-is-the-xy-problem）。 B 是否需要 100% 高度？宽度？如果它是填充物，为什么要使用它，而不是让 A 使用多个逗号分隔的 CSS 背景属性来处理它？简而言之：您真正想做什么，因为也许有比您的 A{B,C,D} 解决方案更好的方法（我的猜测是：有）
我的问题是：在上面的 HTML 结构中，我怎样才能让边 (B) 的高度达到其父级的 100%？

【解决方案1】：

我很确定你可以对 B 元素使用绝对定位，并为元素指定 3 个边：

.A {
    position: relative;
}

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

【讨论】：

所以答案很简单，感谢上面 Mike K. 的建议（也感谢关于 XY 问题的建议！）我刚刚摆脱了空的 div (.b)，并转移了父级（.a）右侧的重复背景。谢谢大家！