Html 引导行进入td溢出

我需要在表格单元格（TD）中插入一个引导面板，如下所示：

<tr>
  <td>
     ......Here the panel......
  </td>
</tr>

……这里是面板。。。。。。

该面板可以覆盖其他div（如日历约会）。为此，我用相对位置声明了表，用绝对位置声明了注释

如果我将面板直接插入TD元素，它会起作用，如下所示：

但如果我将其作为

行

和

列-sm-12

插入引导网格类，面板会溢出右侧的

30px

，如下所示：

---

我不明白为什么会发生这种情况，以及如何解决这个问题。

我不确定我是否理解您的要求。无论如何，表在

位置：relative

方面存在问题。当您想在

td

上使用它时，在

td

内做一个

div

，宽度为100%；身高：100%；位置：相对位置并且它可以工作

这是你想要的吗

。注意{
宽度：100%；
浮动：左；
}
table.table-bordered.calendario td{
填充：0；
宽度：33.33%；
高度：50px；
}
table.table-bordered.calendario td.row{
显示：内联块；
最大高度：45像素；
宽度：计算（100%+30px）；
位置：相对位置；
}
td.世界其他地区面板{
边界半径：0 0 4px 4px；
}
td.世界其他地区.面板标题{
边界半径：0；
}

蒂托洛
奥斯汀下一关，帕格·姆尔克什克实际上是海尔维蒂卡班卓琴
裁缝师喝醋咕哝着科吉。Franzen微量给药素食主义者，
羽衣甘蓝片和波浪式的胡子。

行应始终是容器或列的子行。引导团队在文档中明确了这一点。定义布局结构，然后插入内容

<div class="container-fluid">
  <div class="row">
    <div class="col-sm-12">
      <table class="table table-bordered calendario" style="margin-top: 20px;">
        <tr>
          <td></td>
          <td></td>
          <td></td>
        </tr>
        <tr>
          <td></td>
          <td>

            <div class="panel panel-success note " style="height: 50px; overflow: scroll; overflow-x: hidden;">
              <div class="panel-heading">Titolo</div>
              <div class="panel-body" style="overflow: hidden">Corpo del testo</div>
            </div>
          </td>
          <td></td>
        </tr>
      </table>
    </div>
  </div>
</div>

蒂托洛
科波德尔泰斯托酒店

我应用了此解决方案：

table.table-bordered.calendario td
{
填充：0；
高度：50px；
位置：相对位置；
}
table.table-bordered.calendario td.row
{
宽度：100%；
}
table.table-bordered.calendario td.面板
{
溢出：滚动；
溢出x：隐藏；
边界半径：0 0 4px 4px；
}
td.世界其他地区.面板标题{
边界半径：1px；
}
.注
{
位置：绝对位置；
宽度：100%；
}

蒂托洛
科波德尔泰斯托酒店

一点也不，因为我需要便笺的高度可以超过50px，在这种情况下，便笺必须保持在表格上方，而表格单元格的高度不会增加（必须是50px）。为此，我声明了position:aboslute到“note”css类中。因此，注释可以超过50px，并且可以停留在表上方（垂直溢出），但网格必须保持50px的高度。如果在第二个示例（）中，将面板的高度声明为100px，则可以尝试该方法（它会使表垂直溢出，但也会使列水平溢出，这不好）。谢谢。是的，它可以工作。但是我想使用“row”和“col sm-*”类来管理同一区域中的多个注释。所以，如果我只需要插入一个注释，我使用“col-sm-12”类，或者如果我需要两个注释，我可以使用两个“col-sm-6”类，以此类推。还是有更好的解决方案？谢谢