我正在研究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 如下：
.dataModel{
height:400px;
overflow-y:scroll;
overflow-x: hidden;
}
但是，当此div的 height 为 below 50px, I do not get a horizontal scrollbar 时，任何高于 50px 的值都会创建一个水平滚动条，这是意外的，因为 width 未受影响 .
我虽然将 height 设置为 auto ，但那会破坏 overflow-y 的目的
我怀疑 div 上的引导类是 maintaining an aspect ratio ，这可能是更改高度影响宽度的原因 . Is that the case ?
请指教 . 谢谢
1 回答
我通过执行以下更改来解决此问题：
在组件html的第一行 . 其余的保持不变 .