使用div塊的樣式

我想要格式化爲單行（左側屏幕到右側），因此無論樣式重複（2到5個元素之間）的元素數量，表單看起來是否合理使用div塊的樣式

當我檢查以下呈現的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-right { 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」請讓我知道如果更多需要。

來源

2011-05-02 sammarcow

不能完全確定你的代碼是幹什麼的，但有事情做與你的固定寬度+填充一種預感。 – robx 2011-05-03 01:13:19

您將需要從樣式表中提供所有適用的樣式。

例如：grid_7，grid_2，grid_3，push_1等

來源

2011-05-02 19:11:35

請參閱編輯。 – sammarcow 2011-05-02 19:28:23

「網格在容器內均勻分佈，因此我不會包含該代碼。」您要求我們修正div的定位，並且您不會向我們提供您要應用的所有CSS規則。我們怎麼做到這一點？你需要更好地解釋自己。 – 2011-05-02 19:33:07

回答

相關問題