Dijit BorderContainer下部領域の高さ

Question

単純な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のログに似たログです。私はログディビジョンが下部ペインの100％を占めるようにしたいと思います（マージンは問題ありません）。後でスプリッターを追加します。しかし、現在のところ、そのコンテンツの高さに合っており、内容が多すぎると、テキストは画面から隠されてしまいます。 （ログのdiv自体がテキストを保持するのに十分な大きさであるため、 'オーバーフロー' CSSルールは適用されません。オフスクリーンです）

希望の効果を得るために適用できるスタイルルールはありますか？ありがとう！

Answer 1

specification for BorderContainerは、上下の領域（および左右の領域の幅）に高さを設定する必要があるということです。これらの寸法は固定され、残りの領域を取るために中心が広がります。だから、少なくとも始点の高さのスタイルルールを与える必要があります。あなたのスプリッターは、ユーザーがリサイズできるようにすることができます。