Как расширить высоту дочернего элемента div до высоты родительского элемента? ⇐ CSS

[Anonymous]

У меня есть 2 элемента div, выровненные по одной строке, разделенные вертикальной линией, и я хочу, чтобы эта линия всегда имела высоту родительского div.
>
Я пытался реализовать все найденные решения, но ни одно из них не работает (невозможно использовать position:absolute и display:table или overflow:hidden< /code> на родителя не влияет).

JSFIDDLE

Это мой код:

HTML:

Элемент Элемент Элемент Содержимое здесь Содержимое здесь Содержимое здесь Содержимое здесь Содержимое здесь Содержимое здесь Содержимое здесь Содержимое здесь Содержимое здесь CSS:
.parent-div { фон: зеленый; отображение: встроенный блок; ширина: 100%; } .Первый ребенок, .второй-ребёнок { плыть налево; } .Первый ребенок { ширина: 50 пикселей; правая граница: 2 пикселя, сплошной красный; } .второй-ребёнок { отступ слева: 10 пикселей; } .блокировать { дисплей: блок; }