Есть ли свойство css-grid, которое блокирует дочерние элементы сетки, чтобы они были не больше, чем их родители?
Я уже некоторое время использую css-grid для создания макетов, и одна общая проблема, которую я ''Мы видели, что содержимое дочернего элемента сетки переполняет их родительский контейнер.
При поиске решения этой проблемы в большинстве случаев предлагается установить свойство дочернего элемента сетки вчто-то вроде: max-height: 100%, max-width: 100% или overflow: скрыто на дочернем элементе.Но ИМО это не лучший способ решить проблему.При создании интерактивных страниц, на которые пользователь может загружать содержимое, мы не сможем контролировать размер содержимого в дочерней сетке, вместо этого должна быть опция для установки в родительской сетке, что, независимо от того, что дочерняя сетка не будетпревышать изначально установленный размер или размер родительской сетки.Действительно, можно переопределить это значение по умолчанию по своему вкусу, если они хотят, чтобы элемент дочерней сетки мог переполняться.
Так есть ли css-grid или любое другое свойство css, которое я могу установить при построении сетки,так, чтобы любой из детей гарантированно не превышал размер родителя?