При повороте элемента на 90° с помощью -webkit-transform заметил такую аномалию, что фактические его размеры не изменяются и контейнер с нефиксированным размером никак не «реагирует».
Такой-вот код:
<style>
.c {
float: left;
overflow: visible;
background: blue;
}
.c div {
display: block;
background: #red;
-webkit-transform: rotate(-90deg);
}
</style>
<div class="c">
<div>12345</div>
</div>
генерирует следющий результат:
Можно ли как-то решить эту проблемму без жесткого указания размеров трансформируемого элемента?