使用 div 块进行样式设置答案

【问题标题】：styling with div blocks使用 div 块进行样式设置
【发布时间】：2011-08-17 04:57:54
【问题描述】：

我有一行（从左屏到右侧）我想格式化，这样无论样式重复时的元素数量（在 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-left { 向左飘浮; }

.float-right { 浮动：对； }`

.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”如果更多请告诉我需要。

【问题讨论】：

不完全确定您的代码在做什么，但预感与您的固定宽度 + 填充有关。

标签： css html

【解决方案1】：

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

例如：grid_7、grid_2、grid_3、push_1 等

【讨论】：

“网格是容器内均匀分布的部分，因此我不会包含该代码。”您要求我们修复 div 的位置，但您没有向我们提供您应用到它们的所有 CSS 规则。我们怎么能做到这一点？你需要更好地解释自己。