div元素將不能正確排列（並排）

下面的代碼來自ASP MVC3視圖。前兩個「容器」div元素（topDiv和middleDiv）工作得很好。 fieldsets從左到右正確對齊。但是，bottomDiv元素不。在這個「容器」中，leftDiv排列在BigDiv「容器」的右側，rightDiv排列在屏幕左側leftDiv元素的下方。div元素將不能正確排列（並排）

顯然不是很好的HTML/CSS定位（這些div元素目前都沒有附加CSS，只是試圖讓所有東西排成一列），所以如果有人能告訴我發生了什麼事情將不勝感激。

由於在所有fieldsets組合中有超過1000行的HTML/Razor語法，我在該代碼的該區域附加了一行。如果有人需要查看具體的fieldset，我很樂意發佈。

<div id="BigDiv" style="clear:both;"> 
    @Html.HiddenFor(model => model.CreatedDate) 
    @Html.HiddenFor(model => model.CreatedOperator) 
    @Html.HiddenFor(model => model.ReferenceNumber) 
    @Html.HiddenFor(model => model.ReferenceType) 
    @Html.HiddenFor(model => model.ExtRepType) 
    @Html.HiddenFor(model => model.Region) 
    @Html.HiddenFor(model => model.INDDist) 
    <div id="topDiv"> 
     <div class="LeftDiv" style="width: 450px; float:left;"> 
      <fieldset id="AgentTypeFields" style="width: 400px;">...</fieldset> 
     </div> 
     <div class="RightDiv" style="width: 450px; float:left;"> 
      <fieldset id="DistributionFields" style="width: 400px;">...</fieldset> 
     </div> 
    </div> 
    <div id="middleDiv"> 
     <div class="LeftDiv" style="width: 450px; float:left;"> 
      <fieldset id="BasicFields" style="width: 400px;">...</fieldset> 
     </div> 
     <div class="RightDiv" style="width: 450px; float:left;"> 
      <fieldset id="DRMFields" style="width: 400px;">...</fieldset> 
     </div> 
    </div> 
    <div id="bottomDiv"> 
     <div class="LeftDiv" style="width: 450px; float:left;"> 
      <fieldset id="AddressFields" style="width: 400px;">...</fieldset> 

      <fieldset id="CommunicationFields" style="width: 400px;">...</fieldset> 
     </div> 
     <div class="RightDiv" style="width: 450px; float:left;"> 
      <fieldset id="DSSAgentIds" style="width: 400px;">...</fieldset> 

      <fieldset id="DSSFields" style="width: 400px;">...</fieldset> 
     </div> 
    </div> 
    <p> 
     <input type="submit" value="Save" /> 
     &nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
     @Html.ActionLink("Back to Search", "Index", "Agent") 
    </p> 
</div>

下面是結果的屏幕快照。 Producer Info和Distribution是topDiv的左側和右側divs。 Basics和DRM構成了middleDiv。 Addresses對應於（明顯） fieldset的bottomDiv。

enter image description here

這裏是頁面底部的屏幕截圖。 DSS Agent ID是bottomDiv元素的RightDiv中的第一個fieldset。

enter image description here

來源

2013-06-20 NealR

添加此標籤的bottomDiv解決問題

<div id="bottomDiv" style="clear:both;">

不知道爲什麼，雖然。如果有人能夠給出更好的答案，就會喜歡接受。 Thx

來源

2013-06-20 17:31:33 NealR

div元素將不能正確排列（並排）

回答

相關問題