0

以下のコードは、ASP MVC3 ビューからのものです。最初の 2 つの「コンテナー」div要素 (topDivおよびmiddleDiv) は正常に機能します。fieldsets左から右に正しく整列します。ただし、bottomDiv要素はそうではありません。この「コンテナ」では、は「コンテナ」leftDivの右側にずっと並んでおり、 はエレメントの下と画面の左側に巻き上げられています。BigDivrightDivleftDiv

明らかに、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ですtopDiv。BasicsをDRM構成しmiddleDivます。Addressesの に (明らかに) 対応AddressFields fieldsetしbottomDivます。

ここに画像の説明を入力

これは、ページの下部のスクリーン ショットです。要素のDSS Agent ID最初fieldsetの要素です。RightDivbottomDiv

ここに画像の説明を入力

4

1 に答える 1

0

このタグをbottomDiv解決済みの問題に追加する

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

理由はわかりませんが。誰かがより良い答えを与えることができれば、喜んで受け入れます。どうも

于 2013-06-20T17:31:33.657 に答える