C# Css rotate div在顶部创建空白

我有一个从垂直旋转到水平的div。问题是，当我旋转时，它会在顶部产生很大的空间。我想在旋转div时将其堆叠在顶部。如何实现这一点？作为背景的图像大小为756 x 1250

.body
{
    width:756px;
    min-height:1250px;
    border-color:White;
    border-style:solid;
    border-width:thin;
    float:right;
    margin:0 auto;
    background-image:url("Images/bg.jpg");
    background-repeat:no-repeat;
      -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);

}

---

根据我收集的信息，您需要切换最小高度和宽度值，因为div现在是垂直旋转的，而不是水平旋转的。这样可以处理页面顶部的空白区域。这里有一个例子

改变

width:756px;
min-height:1250px;

到

---

那么你想要实现什么呢？是否要从左上角旋转

.body

？或者别的什么？我想把div类主体旋转90度，并放在页面的顶部。在顶部没有任何空间的情况下，您是否尝试使用变换原点：中心。。你知道它的用途和用途吗？好的，你能给我们在线设置一个JSFIDLE吗？我不知道这个网站怎么样。这是链接：

width:756px;
min-height:1250px;

width:1250px;
min-height:756px;