Как сделать контейнер подходить для родителей без утечки контента ⇐ Html

[Anonymous]

У меня есть проблемы с моим контентом, чтобы соответствовать ширине родителей. Налив много контента, мне нужно, чтобы он соответствовал ширине родительского контейнера. Теперь у меня есть следующая проблема - с шириной - 100% Мой контент выходит за пределы родительского контейнера. Если ширина контейнера с содержанием за пределами родительского контейнера должна иметь прокрутку. Я не могу сделать статическую ширину в px. < /P>
Вот код: < /p>
import React from "react";
import Controls from "../Controls";
import Card from "../Card";
import "./sliderStyles.scss";

const Slider = () => {
return (












);
};

export default Slider;

< /code>
и стили: < /p>
.slider-container {
display: flex;
row-gap: 56px;
flex-direction: column;
overflow: auto;
width: 100%;
padding-right: 80px;
}

.cards-slider-container {
display: inline-flex; /* Контейнер с карточками будет вести себя как строчный элемент */
flex-direction: row;
gap: 80px;
overflow-x: auto;
}



Подробнее здесь: https://stackoverflow.com/questions/793 ... nt-leaking