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

简短的回答：引导或基金会

龙答：用百分比而不是像素的工作越来越与固定/绝对位置非常小心。