Натыкался на множество ответов на вопрос "Как сделать 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;
}
Комментариев нет:
Отправить комментарий