子元素旋转90度，如何正常的撑开父元素（高宽对应）

Question

如题，正常撑开，而不是子元素的宽撑开了父元素的高

Answer 1

http://jsrun.net/vfwKp/edit

只要你善于观察，其实是有个特例的 ： body 是会显示滚动条的。

那么我们根据这个特性，设置dom出现滚动条，然后定时改变div的高度就可以了。

Answer 2

不使用transform来实现旋转，倒是有个试验性的方法。不过这种方法是目前是不能再生产使用的，但确实可以比较方便的实现自动撑开的效果
DEMO

Answer 3

你说的旋转是 css transform ?

transform 不影响 layout ，你说的撑开父元素那就得改变 layout 。

改变 width height 吧，否则做不到。

Answer 4

transform只是在合成composition的时候进行变化，不影响布局和尺寸。按照你的场景就只能获取子元素的宽高后，反过来对应设置父元素的高宽。