ブートストラップと角度 - 冗長なhorizスクロールバーを取得する

Question

私はAngularでアプリケーションを開発中です。私のコンポーネントの一つは、次のテンプレートのHTMLを持っています

<div class="panel panel-primary"> 
    <div class="panel-heading">Info</div> 
    <div class="panel-body"> 
     <ul class="nav nav-tabs"> 
       <li class="active"><a>Data</a></li>      
     </ul> 
     <br> 

     <div class="dataModel"> 
      <!--This div is creating a horizontal scrollbar --> 
     </div>  
    </div>  
</div> 

次のようにdataModelクラスに関連するCSSは次のとおりです。

このdiv要素の heightは私にはない、 50px以下 ある

.dataModel{ 
    height:400px; 
    overflow-y:scroll; 
    overflow-x: hidden; 
} 

水平スクロールバーを取得しますが、50pxを超える値は水平スクロールバーを作成しますが、widthは変更されていないため予期しないものです。

I autoにheightを設定するものの、しかし高さを変更する影響を与える理由は、私はブートストラップ・クラスはアスペクト比divであってもよい維持であると思われるoverflow-y

の目的にそぐわないです幅。 そうでしょうか？

お知らせください。コンポーネントのhtmlの最初の行に

<div class="row-fluid panel panel-primary"> 

：ありがとう

Answer 1

は、私は次のように変更をすることによって、この問題を修正しました。残りは同じままです。