Как сделать ширину и высоту детского элемента как минимум ширины и высоты его родителя ⇐ CSS

[Anonymous]

Как сделать ширину и высоту дочернего элемента как минимум ширины и высоты его родителя. Просто так это может стать квадратом, который содержится в его динамическом родителе. Что -то вроде: < /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