Страницы

Поиск по вопросам

среда, 5 декабря 2018 г.

Width равная height

Натыкался на множество ответов на вопрос "Как сделать height = width". Но мне нужно наоборот: приравнять width к height при динамической height
Есть растянутый на всю высоту элемента span
.span { position: absolute; left: 0; top: 0; bottom: 0; display: flex; color: #fff; }
Мне нужно сделать его ширину равную высоте. Как это можно сделать, с учетом того, что родитель span-а может изменить свою высоту? Желательно css, но видимо без js не получится


Ответ

Ширина равная высоте:
div { position: relative; } textarea { position: relative; z-index: 10; opacity: .35; display: block; background: rgba(170, 171, 221, 0.61) } span { position: absolute; left: 0; top: 100%; bottom: -100%; background: rgba(255, 0, 0, 0.5); transform: rotate(-90deg); transform-origin: 0 0; writing-mode: vertical-lr; }

123

Комментариев нет:

Отправить комментарий