Question

我有两个div，如下所示。一个固定宽度，另一个应扩展到可用的其余部分。

    <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>

我想检查一个值，如果（true）广告div应该显示，而content-div应该与其他可用的一样。当if（false）时，不应显示ad-div。并且内容div必须是100％宽度。但它不起作用。

Answer 1

为什么不根据是否有广告在内容面板中添加一个类：

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

然后你可以将相关的样式应用到相关的类

如果Resources.Ads.ClassA是布尔值，您也可以if (Resources.Ads.ClassA) {}

如果另一个不存在，则展开div

1 个答案: