0

下面的代码来自 ASP MVC3 视图。前两个“容器”div元素（topDiv和middleDiv）工作得很好。fieldsets从左到右正确对齐。但是，该bottomDiv元素没有。在这个“容器”中，leftDiv一直排列到BigDiv“容器”的右侧，并且rightDiv在元素下方leftDiv和屏幕左侧上。

显然没有很好的 w/HTML/CSS 定位（这些 div 元素目前都没有附加 CSS，只是试图让所有东西都排列好），所以如果有人能告诉我发生了什么，那将不胜感激.

由于所有组合中有超过 1000 行 HTML/Razor 语法，因此fieldsets我附加了该代码区域。如果有人需要查看具体内容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左边和右边divs。并组成. （显然）对应于 中的。topDivBasicsDRMmiddleDivAddressesAddressFields fieldsetbottomDiv

在此处输入图像描述

这是页面底部的屏幕截图。DSS Agent ID是元素fieldset中RightDiv的第一个。bottomDiv

在此处输入图像描述

4

1 回答 1

0

将此标签添加到已bottomDiv解决的问题

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

不知道为什么。如果有人能给出更好的答案很乐意接受。谢谢

于 2013-06-20T17:31:33.657 回答