Как сделать размер текста в потомке равным размеру контейнера родителя?

Question

[beduin01]

Ситуация простая. Хочу чтобы размер input поля и текста был равен размерам родителя т.е. чтобы текст занимал всю высоту. Никак не получается это сделать.

В итоге нужно чтобы содержимое MyText было равно по высоте красной линии. Вот что я имею ввиду: https://jsfiddle.net/p6z6huvz/

Надо чтобы поле ввода и текст выросли по размеру контейнера.

Comments

[simka alien]

flex-direction:row; может так ?

[DTX]

Без js не обойтись.

Answer 1

[Артём Ведищев]

А может быть так:
https://jsfiddle.net/p6z6huvz/10/

Comments

[beduin01]

Шрифт в поле ввода мелкий остался...

[vvvadimos]

beduin01: нельзя задать размер шрифта равный высоте предка, т.е. вот высота предка 50 пикс и шрифт 50, поставил 100 пикс высоту, шрифт автоматом 100 стал, такого не бывает. используя только css точно не сделаешь

[Артём Ведищев]

А так: https://jsfiddle.net/p6z6huvz/11/

Answer 2

[Павел]

.Child {width:100%;}
.MyText input {width:100%;}

Comments

[beduin01]

Может, я что-то не так сделал, но мне высота нужна, а не ширина. Чтобы текст в размере увеличивался вместе с полем ввода.

Answer 3

[vvvadimos]

надо чтобы поле ввода было 100% высоты, или текст? лучше нарисуй картинку и покажи как нужно

Comments

[beduin01]

Надо чтобы поле ввода и текст выросли по размеру контейнера.