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

Question

我在这里提供了一个屏幕截图，我勾勒出了我想要折叠的区域，一直到最后一个蓝色按钮之后，触摸它。我用红色勾勒出我想塌陷的区域。是否有特定的类(class)可以让我这样做？

我

代码:

<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>

Answer 1

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