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

Question

I got two DOM elements in (A) relatively positioned <div>

One of them is (B) responsive image and the other is (C) absolutely positioned <div>

I'd like to to align (C)'s content vertically centered in (A)

Here is JSFiddle code

I'd like to find method which uses , not the javascript.

Answer 1

you have given teh height 100px and width 100% . But the height must be 100% and i give the width 60%. And to get center the div i give left 20%. Because width = 60% left = 20% and right 20% then 60% + 20% + 20% = 100%

This is the fiddle

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