Как расширить родительский блок повернутым дочерним блоком?

Question

[dicem]

Вопрос все такой же, вот jsfiddle. Как расширить родительский блок автоматически, если используется transform: rotate?

Comments

[Анатолий Жаров]

никак

[dicem]

Анатолий Жаров, а посредством js??

[Анатолий Жаров]

dicem, берем высоту родительского, вычитаем высоту дочернего, добавляем ширину дочернего, задачка уровня школьной геометрии =)

[dicem]

Анатолий Жаров, все бы ничего, но ширина дочернего повернутого блока уже трансформирована, нужен фейковый дублирующий блок, который не будет трансформирован для корректного вычисления высоты родительского блока. А чтобы этот блок еще был пригоден для вычислений, его нельзя скрыть display: none;можно конечно position: absolute; top: -99999px;но это уже что то из разряда самых мощных костылей в мире.

[Анатолий Жаров]

но ширина дочернего повернутого блока уже трансформирована

она при трансформации через css никак не меняется, ее легко можно получить как child.offsetWidth