CSS дисплей flex побочные эффекты

Question

У меня есть существующая страница, на которой я пытаюсь добавить отображение: flex, flex-flow: column & height: 99% к контейнеру и добавление flex: 1 для дочерних элементов.

Мой вопроспоскольку это существующая страница, я не хочу касаться других стилей на странице (в основном они имеют свойства, такие как переполнение, поля / отступы и т. д.)

Могут ли быть какие-либо побочные эффекты, которыеЯ должен следить за тем, чтобы контейнер отображал: flex?

Answer 1

Вот два возможных побочных эффекта, которые следует учитывать:

• Свертывание поля, которое является функцией в контексте форматирования блока , не существует в контекст для гибкого форматирования .См .: Сгибание полей во flexbox

• Поскольку вы планируете установить процентную высоту (height: 99%) для контейнера, убедитесь, что родительский объект имеет определенную высоту.См .: Работа со свойством CSS height и процентными значениями