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

Question

[Святослав Хусамов]

В моем коде https://codesandbox.io/s/2wmvn7rz60
блок scrollableArea принимает размеры не родительского элемента box1body, а берет из блока box1

как мне сделать чтобы размеры scrollableArea были равны box1body?

Comments

[Ярослав Иванов]

Почитать про наследование

Answer 1

[Денис Васильев]

Так?
https://codesandbox.io/s/1zj552lpr3

Comments

[Святослав Хусамов]

почти

в самом приложении я сделал так, чтобы заработало

.scrollableArea {
		//width: 100%;
		//height: 100%;
		flex: 1 1 0;
		overflow: auto;
	}

то есть обозначил что это дочерний блок для контейнера flex, который вы добавили
и ширину и высоту убрал - вроде лишние

пока все пашет!

спасибо!

Answer 2

[skuvaWeb]

Предположу что ты хочешь чтобы у тебя на странице не было скрола
Добавь в css

*{
  box-sizing: border-box;
}

Comments

[Святослав Хусамов]

подставил
проблема осталась