使用CSS3旋转图像时的容器高度

我必须旋转一个div内的图像。div必须是100%的宽度，而内部的图像是100%的宽度，因此我不能为div定义固定的高度

<div class="tab-pane" id="floorplan">
    <img alt="" src="http://dexpierta.com/wp-content/uploads/2014/05/memes-4-meme_00288337.png" />
</div>

我尝试了两种解决方案：

---

但它们都不能满足需要。有人有旋转图像的经验吗？你可以在

看到小提琴，请考虑提供一个在线例子来演示这个问题。我增加了一个小提琴例子：