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

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>

我想检查一个值，如果（真）应该显示广告 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) {}