@js_web

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

Задача:
1) нижняя таблица должна занимать всю область родителя, т.е. некий жадный режим
2) верхняя таблица должна занимать только то место, которое ей предназначено, но если в нее добавлен контент, то таблица не может быть больше 50%

https://jsfiddle.net/0n6to7sh/4/

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

UPD: сделал обертку, но теперь не работает Max-height https://jsfiddle.net/0n6to7sh/11/ :(
  • Вопрос задан
  • 221 просмотр
Решения вопроса 2
svetley
@svetley
Амбициозный лентяй)
Попробуй этим двум таблицам задать контейнер. Тогда можно будет обойтись min-height: 50%.
Ответ написан
Комментировать
@pilolin
HTML программист
Вынесите шапку из контейнера или таблицы добавьте в свой контейнер и используйте max-height: 50%;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы