CSS - 如何设置绝对div的高度与邻居图像相同？

Question

我在（A）相对定位<div>

中有两个DOM元素

其中一个是（B）响应式图像，另一个是（C）绝对定位<div>

我希望设置（C）的高度与（B）的高度相同以垂直对齐（C）的内容以（A）

为中心

以下是JSFiddle代码

我想找到仅使用 CSS 的方法，而不是javascript。

Answer 1

你已经给了Building b1; Building b2;和height 100px。但高度必须是100％，我给出宽度60％。为了得到中心，我给了20％左右。因为宽度= 60％左= 20％和右20％然后60％+ 20％+ 20％= 100％

这是小提琴

http://jsfiddle.net/avrkmhfq/1/