1

私は以下のような2つのdivを持っています。1つは固定幅で、もう1つはで利用可能な残りの部分に拡張する必要があります。

    <style type="text/css">
    #ads
    {
        float: right;
        width: 200px;
    }
    #content-panel
    {
        float: left;
        width: 100%;
    }
</style>
<div style="width: 100%; overflow: hidden; clear: both;">
    @if (Resources.Ads.ClassA == "true")
    {
        <div id="ads">
            <div>
                <img src="../../Content/img/Ads/xlpar.gif" />
            </div>
        </div>
    }
    <div id="content-panel">
        @Html.Action("Elanat", "Home")
        @Html.Action("Latest", "AdsCatalog")
        <div class="article-wrapper">
            <div class="article-titlebar">
                <h4>
                    @Resources.CommonRes.WellcomeTitle</h4>
            </div>
            <div class="article-content">
                @Html.Raw(Resources.CommonRes.welcome)
            </div>
        </div>
        @Html.Action("Latest", "News")
        @Html.Partial("VisitCounterDisplay")
    </div>
</div>

値を確認したいのですが、if（true）Ads divが表示され、content-divは他ので利用可能なものと同じである必要があります。if（false）の場合、ad-divは表示されません。また、コンテンツdivは100％の幅である必要があります。しかし、それは機能しません。

4

1 に答える 1

2

広告があるかどうかに基づいて、コンテンツパネルにクラスを追加してみませんか:

<div id="content-panel" class="@Html.Raw(Resources.Ads.ClassA == "true" ? "withAdd" : "withoutAdd")>

次に、関連するスタイルを関連するクラスに適用するだけです

また、Resources.Ads.ClassAあなたができるブール値である場合if (Resources.Ads.ClassA) {}

于 2013-03-15T13:08:51.307 に答える