html或css中的設計問題

Question

我現在在設計上真的很生氣。我已經給了它很多時間，並且當水平最小化時結果真的很煩人。它也使其最小化。我如何防止它？我只想一個簡單的滾動條出現在最小化的形式和設計，以保持其位置。

這是設計網頁的一個：IMAGE 1

，這是在最小水平會發生什麼：IMAGE 2

如何防止這種情況的發生。我試過了，它不工作。我沒有谷歌，但我無法得到解決。幫助將非常感激，謝謝！

編輯：請參閱以下代碼。

/*member login panel*/ 
 

 
.h3attendancelogin{ 
 
    margin-top:0; 
 
    margin-bottom: 0; 
 
    padding-top: 100px; 
 
} 
 

 
#h3login-div{ 
 
    text-align: center; 
 
} 
 

 
#checkin-out{ 
 
    margin-top:0px; 
 
    margin-left:400px; 
 
    margin-right:400px; 
 
    padding-bottom: 100px; 
 
} 
 

 
#checkheading{ 
 
    background-color: #CCC; 
 
    border-bottom: 2px solid #808080; 
 
    text-align: center; 
 
    padding-top: 5px; 
 
} 
 

 
#check-tbl-div{ 
 
    background-color: #CCC; 
 
    text-align:center; 
 
    padding-top: 5px; 
 
} 
 

 
#check-tbl { 
 
    margin-left: 110px; 
 
}

<div class="scroll"> 
 
    <asp:Panel ID="PanelEmployeeLogin" runat="server" CssClass="employeelogin"> 
 
      <div> 
 
       <div id="h3login-div"> 
 
        <h3 class="h3attendancelogin">Insert Correct Username and Password to start or stop the Payroll</h3> 
 
        <asp:Label ID="Label_Successful" ForeColor="Green" Font-Size="Larger" runat="server" Text=""></asp:Label><br /> 
 
        <asp:LinkButton Font-Size="Large" ID="LinkButton_redirect_addpayroll" runat="server" OnClick="LinkButton_redirect_addpayroll_Click">Add Payroll for this employee now?</asp:LinkButton> 
 
       </div> 
 
       <div id="checkin-out"> 
 
        <div id="checkheading"> 
 
         Every user's attendance session will expire in 4 hours<br /> 
 
         <asp:Label ID="Label_attendance_message" runat="server" Text="" Visible="false"></asp:Label> 
 
        </div> 
 
        <div id="check-tbl-div"> 
 
         <table id="check-tbl"> 
 
          <tr> 
 
           <td>UserName: 
 
           </td> 
 
           <td> 
 
            <asp:TextBox ID="TextBox_checkuser" runat="server"></asp:TextBox> 
 
           </td> 
 
          </tr> 
 
          <tr> 
 
           <td>Password: 
 
           </td> 
 
           <td> 
 
            <asp:TextBox ID="TextBox2_checkpass" runat="server" TextMode="Password"></asp:TextBox> 
 
           </td> 
 
          </tr> 
 
          <tr> 
 
           <td></td> 
 
           <td> 
 
            <asp:Button ID="Button1_checkin" runat="server" Text="Check IN" OnClick="Button1_checkin_Click" /> 
 
            <asp:Button ID="Button2_checkout" runat="server" Text="Check Out" OnClick="Button2_checkout_Click" /> 
 
           </td> 
 
          </tr> 
 
          <tr> 
 
           <td> 
 
            <asp:LinkButton ID="LinkButton_forgotpass" runat="server" OnClick="LinkButton_forgotpass_Click">Forgot password?</asp:LinkButton> 
 
           </td> 
 
           <td> 
 
            <asp:LinkButton ID="LinkButton1_signup" runat="server" OnClick="LinkButton1_signup_Click">Signup</asp:LinkButton> 
 
           </td> 
 
          </tr> 
 
         </table> 
 
        </div> 
 
       </div> 
 
      </div> 
 
     </asp:Panel> 
 
    </div>

Answer 1

只要給它一個負責任的寬度一樣width: 70%;

Answer 2

簡短的回答：引導或基金會

龍答：用百分比而不是像素的工作越來越與固定/絕對位置非常小心。