В следующем коде я не понимаю, как установить высоту каждого из дочерних элементов (тех, у которых className равен ???) на ту же высоту, что и контейнер со ссылкой. Я видел, как люди реализовывали обходные пути с абсолютным позиционированием, однако я не могу заставить это работать здесь, потому что существует более одного дочернего элемента. Кто-нибудь знает, как решить эту проблему, используя только CSS, или в этом случае строго необходимо использовать JavaScript?
Код: Выделить всё
{/* Some content */}
className="relative flex flex-1 justify-between space-x-10 overflow-y-auto"
ref={ref}
>
{/* Some content */}
Изменить: возможно, мне также придется сделать высоту контейнера с помощью h-32 динамической, поэтому я не хочу использовать решение с расчетом
Изменить: код теперь доступен на
https://play.tailwindcss.com/Tt3Hr9AqNH. Каждое из полей (с заголовком и содержимым) должно иметь высоту, равную расстоянию между нижней частью красного поля и зеленой рамкой.
Подробнее здесь:
https://stackoverflow.com/questions/784 ... th-dynamic
Мобильная версия