2011-09-12 86 views
1

我有一個簡單的BorderContainer設置中心和底部區域。Dijit BorderContainer底部區域高度

<div dojoType="dijit.layout.BorderContainer"> 
    <div dojoType="dijit.layout.ContentPane" region="center"> 
     <!-- Some big content --> 
    </div> 
    <div dojoType="dijit.layout.ContentPane" doLayout="false" region="bottom" id="log"> 
      <span class="log_msg">First message</span><br/> 
      <span class="log_msg">Second message</span><br/> 
      <span class="log_msg">Third message</span><br/> 
    </div> 
</div> 

正如您所看到的,底部窗格旨在是類似於Eclipse IDE的日誌。我希望日誌div佔用底部窗格的100%(邊距很好),稍後我將添加分隔符。但是,目前它的高度與其內容相符,如果內容太多,文本就會隱藏在屏幕之外。 ('overflow'css規則不適用,因爲日誌div本身足夠大以容納文本,它只是在屏幕外。)

可以應用什麼樣式規則來實現所需的效果?謝謝!

回答

1

specification for BorderContainer是你必須設置頂部和底部區域的高度(以及左右區域的寬度)這些尺寸是固定的,中心展開以佔據剩餘空間。所以,你需要至少給出一個起點高度的樣式規則。您的分配器可以讓用戶調整大小。