0

垂直から水平に回転する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>

4

1 に答える 1

0

私が収集できることから、div が水平ではなく垂直に回転するようになったため、min-height と width の値を切り替える必要がありました。これにより、ページの上部にある空白が処理されます。ここに例がありますhttp://jsfiddle.net/fDWkr/1/

変化する

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

に

width:1250px;
min-height:756px;
于 2013-06-05T12:17:24.297 に答える