0

每次我包含一个下拉菜单时，我的 css 布局都会混乱。有人可以向我解释为什么以及如何解决它吗？

这是我的代码：

            <asp:Label ID="projnamelbl" runat="server" CssClass="editlabels" Text="Project                  Name"></asp:Label>
        <asp:TextBox ID="projnametxt" runat="server"></asp:TextBox><br />

        <asp:Label ID="paymentlbl" runat="server" CssClass="editlabels" Text="Payment  Type:"></asp:Label>
        <asp:DropDownList ID="paymentype" runat="server">
        <asp:ListItem Text="Cash" Value="cash"></asp:ListItem>
        <asp:ListItem Text="Intallments" Value="installments"></asp:ListItem>
        </asp:DropDownList><br />

        <asp:Label ID="projsumlbl" CssClass="editlabels" runat="server" Text="Project  Sum:"></asp:Label>
        <asp:TextBox ID="projsumtxt" runat="server"></asp:TextBox><br />

CSS：

   .editlabels {
   float:left;
   width:150px;
   margin-right:0.2em;
   padding-top:0.4em;
   padding-left:20px;
   text-align:left;
   font-weight:bold;
   }

出于某种原因，下拉菜单之后的任何内容都会向右移动。

4

2 回答 2

1

只有当你删除你的边距和填充物时，东西才会自动到位。

于 2013-08-17T09:42:55.973 回答
0

您需要放在position: relative主容器上，然后在任何子容器上使用position: absolute

于 2013-08-17T09:23:04.480 回答