擴大一個股利，如果其他不存在

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應該顯示，內容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) {}