Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

Флекс элемент не уменьшается

Stuff_ Профи (677), на голосовании 9 месяцев назад
Нужно чтобы контент с информацией ножа выталкивал слайдер справа, но почему-то происходит наоборот. У родительского блока стоит display: flex. Без контента справа слайдер адаптируется и меняет свою ширину, но когда добавляю контент, то слайдер не в какую не уменьшается. Пробовал для контента справа даже min-width ставить и по идее слайдер должен уменьшаться, ведь контент не может, но по итогу блок просто уходит за пределы экрана, а слайдер так и остаётся при своих размерах. Как это вообще работает и как сделать чтобы уменьшался слайдер, а не блок с контентом? Слайдер Swiper, если это важно
Голосование за лучший ответ
Metotron Искусственный Интеллект (114907) 10 месяцев назад
Чтобы внутри флекса что-то уменьшалось, ему надо сделать flex-shrink: 1 или другое ненулевое значение, если разные элементы должны уменьшаться с разной скоростью.
А flex-shrink: 0 запрещает элементу уменьшаться.
Слайдер тоже может накладывать свои ограничения, он слайдам задаёт ширину в style, и там нужно смотреть, как запихать их в родителя, чтобы они листались, например. overflow-x: hidden где-нибудь сделать что ли. У меня со swiper обычно нет проблем. Но у тебя не совсем понятно, это слайдер более, чем с четырьмя картинками?
Похожие вопросы