Twitter bootstrap Bootstrap2选项卡导航：选项卡内容div位置

我误解了为什么ID=“test1”的DIV与左侧选项卡导航重叠，而class=“tab content”的DIV却没有重叠

内容表1

---

选项卡内容具有css属性

溢出：auto

。选项卡为

float:left

，如果下一个元素为

overflow:auto

，则div将自动固定为浮动元素所留下的宽度。它通常用于拆分为两列

有了这两个例子，我们就可以清楚地看到：

溢出时：自动：

---

JSFIDLE不工作。谢谢，将div test1的溢出属性从默认可见更改为自动、隐藏或滚动解决了我的问题。谢谢，我一直在错误的地方寻找这个答案。

<div style="height: 160px;overflow: hidden;">
<div class="tabbable tabs-left" >

    <ul class="nav nav-tabs">
        <li class="active"> 
            <a href="#tab1" data-toggle="tab">tab1</a>
        </li>

    </ul>
    <div id="test1">
<div class="tab-content" >
    <div id="tab1" class="tab-pane active"> Content tab1 </div>
</div>
    </div>
</div>

<div>
  <div class="a" style="width: 20%; float: left;">Whatever</div>
  <div class="b" style="overflow: auto">A very long text ... </div>   
</div>

<div>
  <div class="a" style="width: 20%; float: left;">Whatever</div>
  <div class="b">A very long text ... </div>   
</div>