Как сделать ширину и высоту дочернего элемента как минимум ширины и высоты его родителя. Просто так это может стать квадратом, который содержится в его динамическом родителе. Что -то вроде: < /p>
.child{
height: min(parent-height, parent-width);
width: min(parent-height, parent-width);
}
< /code>
Я даже пытался использовать переменные CSS, такие как < /p>
.parent{
--parent-width: width; /* I also used min-content and max-content */
--parent-height: height; /* also used min-content and max-content */
}
.parent .child{
width: var(--parent-width);
height: var(--parent-height);
}
< /code>
< /code>
это не словно < /p>
Подробнее здесь: https://stackoverflow.com/questions/577 ... its-parent
