如何删除div元素中的空格？

Question

在这里，我提供了一个屏幕截图，我概述了我想要在最后一个蓝色按钮之后一直折叠的区域，触摸它。我概述了我想用红色折叠的区域。是否有一个特定的课程可以让我这样做？

泰

代码：

<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

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