Angular with Bootstrap - 獲取多餘的水平滾動條

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> 

的CSS與dataModel類關聯如下：

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

當這個div的height是低於50px，我不知道得到一個水平滾動條，但是，任何高於50px的值都會創建一個水平滾動條，這是意外的，因爲width未觸及。

我雖然設置height到auto的，但爲什麼改變高度影響會打敗overflow-y

的目的，我懷疑是自舉類是保持寬高比在div，這可能是寬度。 是這樣嗎？

請指教。在組件的HTML的第一行

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

：謝謝

Answer 1

我解決了這個問題，通過執行以下更改。其餘的依然如此。