Как в IE сделать так, чтобы блок div подстраиваться под ширину своего содержимого?

Question

[Владимир Куракин]

Столкнулся с такой проблемой. Создаю карточки товаров с выпадающим контентом (изначально часть контента скрыто, при нажатии на кнопку контент выпадает). Карточки погружены во flex - контейнер.
Во всех браузерах кроме IE каждая карточка раскрывается по отдельности, а в IE все вместе. У каждой карточки есть height:min-content, но в IE это не работает, подскажите, пожалуйста, как решить эту проблему?
Вот код:
div. a { //*контейнер с карточками товаров
display:flex;
justify-content:space-between;
}
div. f { //*карточка
padding: 20px;
height:min-content;
}
div. c { //* выпадающий блок (закрытый)
height:100px;
overflow:hidden;
}
div. c. active { //*выпадающий блок (открытый)
height:200px;
}

Comments

[Арсений Матыцин]

1. Что это за такой любопытный селектор div.[пробел]a?
2. Код оформленный на https://codepen.io/ может помочь решить вопрос до его появления тут.

Answer 1

[Дмитрий Николаев]

В контейнере вы обращаетесь ко всем ссылкам , которые находятся внутри div