c# - Css旋转div在顶部创建空白

Question

我有一个从垂直旋转到水平的 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 class="body">
<div >
<div ><h2 style="font-size:20px;"><div style="width:540px; margin-top:520px; margin-left:110px;   ">
     <asp:Label ID="lblNtitle" runat="server" 
         Text="" style="color: #000000" CssClass="style3"></asp:Label><br /><br /> 
     <asp:Label ID="lblNCompany" runat="server" Text="" CssClass="style3"> </asp:Label></div></h2></div>

Answer 1

据我所知，您需要切换最小高度和宽度值，因为 div 现在是垂直旋转而不是水平旋转。这会处理页面顶部的空白区域。这是一个例子http://jsfiddle.net/fDWkr/1/

改变

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

至

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