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

Question

我必须在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>

我尝试了两种解决方案：

• http://jsfiddle.net/MTyFP/7/
• http://www.benknowscode.com/2014/01/css-rotated-text-parent-dimensions-and-spacing-issues.html

但它们都没有按要求工作。有没有人有旋转图像的经验？你可以在http://jsfiddle.net/wcqepwar/

看到一个小提琴