CSS: Один из блоков занимает всё оставшееся место

Не первый раз сталкиваюсь с необходимостью, сделать так, чтобы:

  • div занимал оставшееся место в его родителе по вертикали
  • если содержимое div больше оставшегося места, то тогда у этого div должна появится полоса прокрутки

Раньше я использовал обсолютное позицианирование. И тут сразу возникали проблемы. Дело в том, что размер других div’ов, которые содержаться в том же контейнере что и «резиновый», необходимо фиксировать. Это приводило к тому, что при малейших изменения div’ов надо было заново прописывать для них новые размеры.

Сегодня я прочитал про Flexbox, и сразу же сделал то, что мне надо.

Реклама

Добавить комментарий

Заполните поля или щелкните по значку, чтобы оставить свой комментарий:

Логотип WordPress.com

Для комментария используется ваша учётная запись WordPress.com. Выход / Изменить )

Фотография Twitter

Для комментария используется ваша учётная запись Twitter. Выход / Изменить )

Фотография Facebook

Для комментария используется ваша учётная запись Facebook. Выход / Изменить )

Google+ photo

Для комментария используется ваша учётная запись Google+. Выход / Изменить )

Connecting to %s


%d такие блоггеры, как: