-webkit-transform does not change the actual dimensions of the DOM element

Question

css

When rotating an element 90° using -webkit-transform, I noticed such an anomaly that its actual dimensions do not change and the container with a non-fixed size does not "react" in any way.
This is the code: generates the following result: Is it possible to somehow solve this problem without rigidly specifying the size of the transformed element?
<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>


Answer 1

www.w3.org/TR/2009/WD-css3-2d-transforms-20090320/ - your statement is anomalous rather than the behavior of the browser. For surrounding elements, the dimensions and proportions of the transformed element do not change.