Question

我想要格式化一行（左侧屏幕到右侧），以便在重复样式（2到5个元素之间）时，无论元素数量如何，表单看起来都是合理的

当我检查以下呈现的HTML时，为什么div标签会相互重叠？

<div class="grid_7 ">
    <div class="grid_2">
        <asp:TextBox ID="TextBoxFirstName" runat="server" Text='<%# Bind("F1FirstName")%>'></asp:TextBox>
    </div>
    <div class="push_1 grid_2 float-left ">
        <asp:Label Text="Last Name: " ID="LastName" runat="server" />
    </div>
    <div class="grid_3 float-left">
        <asp:TextBox ID="TextBoxLastName" runat="server" Text='<%# Bind("F2LastName")%>' />
    </div>
</div>

[编辑]`.float左 { 向左飘浮; }

.float右 { 浮动：权利; }`

.container_12 .push_1 { left: 80px; }

.container_12, .container_16 { padding: 0 10px 0 10px; margin-left: auto; margin-right: auto; width: 960px; height: auto; }

.grid_12 { display: inline; float: left; margin-left: 0px; margin-right: 0px; }

所有内容都包含在母版页内该容器内的“container_12”和“grid_12”中。网格是容器内均匀分布的部分，因此我不会包含该代码。推/拉是div的左右移动和所有用“position：relative”定义的样式float-left是我尝试手动对齐这些div并简单地指定属性“float-left”请告诉我是否更多是需要。

Answer 1

您需要提供样式表中的所有适用样式。

例如：grid_7，grid_2，grid_3，push_1等

使用div块进行样式设计

1 个答案: