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>

我想检查一个值，如果 (true) Ads 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 是 bool 值，您可以直接执行 if (Resources.Ads.ClassA) {}