潜水器未按预期工作

Question

我正在尝试创建控件行。基本上它是用来过滤搜索的。每行有六个控件、3个标签和3个下拉列表/文本框。我有一个div，它可以创建行，第一行很好，但其余的非常奇怪。

标记如下

<div class="fullRow" style="margin-top:10px">
            <asp:Label ID="FilterDepartmentLabel" AssociatedControlID="FilterDepartment" runat="server" Text="Department" CssClass="aThirdLabel"></asp:Label>
            <asp:DropDownList ID="FilterDepartment" runat="server" CssClass="aThirdInput" />
            <asp:Label ID="FilterCardStatusLabel" AssociatedControlID="FilterCardStatus" runat="server" Text="Status" CssClass="aThirdLabel"></asp:Label>
            <asp:DropDownList ID="FilterCardStatus" runat="server" CssClass="aThirdInput" />
            <asp:Label ID="FilterCardBehaviorLabel" AssociatedControlID="FilterCardBehavior" runat="server" Text="Behavior" CssClass="aThirdLabel"></asp:Label>
            <asp:DropDownList ID="FilterCardBehavior" runat="server" CssClass="aThirdInput" />
        </div>
        <div class="fullRow" style="margin-top:10px">
            <asp:Label ID="FilterCarPlateLabel" AssociatedControlID="FilterCarPlate" runat="server" Text="Car Plate" CssClass="aThirdLabel"></asp:Label>
            <asp:TextBox ID="FilterCarPlate" runat="server" CssClass="aThirdInput"></asp:TextBox>
            <asp:Label ID="FilterCardNoLabel" AssociatedControlID="FilterCardNo" runat="server" Text="Car No" CssClass="aThirdLabel"></asp:Label>
            <asp:TextBox ID="FilterCardNo" runat="server" CssClass="aThirdInput"></asp:TextBox>
            <asp:Label ID="FilterRuleSetCodeLabel" AssociatedControlID="FilterRuleSetCode" runat="server" Text="Rule Set" CssClass="aThirdLabel"></asp:Label>
            <asp:DropDownList ID="FilterRuleSetCode" runat="server" CssClass="aThirdInput" />
        </div>
        <div class="fullRow" style="margin-top:10px">
            <asp:Label ID="FilterDriverLastNameLabel" AssociatedControlID="FilterDriverLastName" runat="server" Text="Driver Lastname" CssClass="aThirdLabel"></asp:Label>
            <asp:TextBox ID="FilterDriverLastName" runat="server" CssClass="aThirdInput"></asp:TextBox>
            <asp:Label ID="FilterCardTypeLabel" AssociatedControlID="FilterCardType" runat="server" Text="Type" CssClass="aThirdLabel"></asp:Label>
            <asp:DropDownList ID="FilterCardType" runat="server" CssClass="aThirdInput" />
        </div>

这是css

.fullRow
{
    width: 100%;
    display:block;
}
.aThirdLabel
{
    width: 15%;
    float: left;
    font-size:small;
    height: 22px;
}
.aThirdInput
{
    width: 15%;
    float: left;
}

事实上，尽管这在VS2010的设计视图中看起来不错，但当它加载到浏览器中时，却一团糟。

感谢

编辑：答案在huMpty duMpty的评论中

Answer 1

在每行后面添加<div style="clear:both;"></div>。