html - 如何删除div元素中的空白？

在这里，我提供了一个截图，我概述了我想崩溃的领域，一直到刚好在最后一个蓝色按钮，触摸它。我用红色勾勒出我想坍塌的区域。有没有一个特定的类可以让我这么做？
泰

代码：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

<div class="container">
  <div class="panel panel-primary col-md-6">
    <div class="row">
      <!-- Label -->
      <button type="button" class="btn btn-info btn-xs btn-block" id='invoicelabel'><strong>Invoice CP</strong>
      </button>

      <!-- Invoice CP -->
      <div class="btn-group btn-group-vertical col-md-3 test2">
        <button class="btn btn-primary btn-sm" type="submit">Total Amount</button>
        <button class="btn btn-primary btn-sm" type="submit">Duplicate</button>
        <button class="btn btn-primary btn-sm" type="submit">Clear</button>
        <button class="btn btn-primary btn-sm" type="submit">Currency</button>
        <button class="btn btn-primary btn-sm" type="submit" disabled>.</button>
        <button class="btn btn-primary btn-sm" type="submit" disabled>.</button>
      </div>
      <table class="table table-condensed">
        <tbody class="col-md-10 test pull-right">
          <tr>
            <td class="default" width="20%">
              <input type="text" class="btn btn-default btn-sm col-sm-12 floatright" placeholder="Pieces">
            </td>
            <td class="default" width="35%">
              <input type="text" class="btn btn-default btn-sm col-sm-12 floatright" placeholder="Unit Price">
            </td>
            <td class="default" width="45%">
              <input type="text" class="btn btn-default btn-sm col-sm-12 floatright" placeholder="Line Amount">
            </td>
          </tr>
          <tr>
            <td class="default" width="20%">
              <input type="text" class="btn btn-default btn-sm col-sm-12 floatright" placeholder="Pieces">
            </td>
            <td class="default" width="35%">
              <input type="text" class="btn btn-default btn-sm col-sm-12 floatright" placeholder="Unit Price">
            </td>
            <td class="default" width="45%">
              <input type="text" class="btn btn-default btn-sm col-sm-12 floatright" placeholder="Line Amount">
            </td>
          </tr>

        </tbody>
      </table>


    </div>
  </div>
</div>

最佳答案

尝试检查height或.test的CSS.test2属性。可能它被设置为一个特定的值。如果您将其留空，则该区域将适合内容。

关于html - 如何删除div元素中的空白？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/42193478/