如何刪除div元素中的空白區域？

在這裏，我提供了一個截圖，並且我概述了我想要在最後一個藍色按鈕之後一直摺疊的區域，然後觸摸它。我概述了我想以紅色倒塌的區域。有沒有特定的課程可以讓我這樣做？如何刪除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>

來源

2017-02-12 Chris

你好。你能否澄清一下：「在最後一個藍色按鈕之後一直崩潰，接觸它*」？沒有內容，所以沒有什麼可以崩潰的。您是否希望擴展邊欄以使其佔據頁面的整個高度？ –

只是HTML是不夠的。無論如何，看起來你正在使用flexbox的外觀，所以只需刪除它。如果不是，則發佈相關的CSS。製作一個[jsfiddle]（https://jsfiddle.net/）和/或使用片段。 – pol

如果瀏覽器比內容長，會變白 –

嘗試檢查.test或.test2的CSS height財產。可能它被設置爲一個特定的值。如果將其留空，該區域將適合內容。

來源

2017-02-12 22:10:15 Plenarto

如何刪除div元素中的空白區域？

回答

相關問題