如果父母有百分比寬度，使表100％寬度

我有100％寬度的表的問題，我有div內容寬度像素，然後所有子div百分比和工作良好，但表不。如果父母有百分比寬度，使表100％寬度

#content{ 
 
     position: fixed; 
 
     float: left; 
 
     top: 116px; 
 
     width: calc(100% - 125px); 
 
     height: calc(100% - 124px); 
 
     background-color: #bdc9ce; 
 
    } 
 
    .size-3{ 
 
     width: 33.333%; 
 
    } 
 
    .inputs-root{ 
 
     width: 100%; 
 
    } 
 
    .input-table{ 
 
     width: 100%; 
 
    }

<div id="content"> 
 
     <div class="size-3"> 
 
     <div class="inputs-root"> 
 
      <tbody class="input-table"> 
 
      <tr>.... 
 
      </tr> 
 
      </tbody> 
 
     </div> 
 
     </div> 
 
    </div>

所以我不知道，爲什麼表的寬度比.inputs根長...任何提示？我試圖設置和word-break太多，但仍然相同

編輯

我的代碼：

渲染的輸入整個列表 - http://pastebin.com/jZvzdgyT

渲染的單輸入 - http://pastebin.com/DEmAdiD2 它在reactjs中編寫，所以只需查看渲染方法

PICTURES

仍高於母公司的股利較大

母公司的股利 -

來源

2016-12-16 Lukáš Unzeitig

可以添加整個代碼嗎 – ab29007

我找不到代碼中的

標籤！ –

@PraveenMurali我試圖在瀏覽器中設置它，我設置tbody元素 –

回答

如果你有以下的CSS爲你的表，然後刪除該

table{ 
    display:block; 
}

這覆蓋ta的默認顯示模式BLE（display:table）

刪除，這可能解決問題

來源

2016-12-16 09:25:17 ab29007

默認情況下，tbody有display：table-row-group，我想我不能刪除這個，所以我只能改變屬性，任何提示哪一個？：D –

如果我有完整的代碼會更好。您可以設置與表的代碼 – ab29007

小提琴你沒有使用

標籤 – ab29007

使用<table>標記它的工作原理div.size-3的細

=>寬度的DIV＃含量33％
==> div.input-root的寬度是div.size-3的100％它是div＃的33％內容
===> div.input-table的寬度是div.input-root的100％它是div＃內容的33％。

我添加了下面的代碼片段。

#content{ 
 
     position: fixed; 
 
     float: left; 
 
     top: 116px; 
 
     width: calc(100% - 125px); 
 
     height: calc(100% - 124px); 
 
     background-color: #bdc9ce; 
 
    } 
 
    .size-3{ 
 
     width: 33.333%; 
 
    } 
 
    .inputs-root{ 
 
     width: 100%; 
 
    } 
 
    .input-table{ 
 
     width: 100%; 
 
     background-color:red; 
 
    }

<div id="content"> 
 
     <div class="size-3"> 
 
     <div class="inputs-root"> 
 
      <table class="input-table"> 
 
      <tbody > 
 
       <tr>.... 
 
       </tr> 
 
      </tbody> 
 
      </table> 
 
     </div> 
 
     </div> 
 
    </div>

來源

2016-12-16 09:35:16

@LukášUnzeitig圖片不起作用，如果你發佈更多的代碼，那麼只有我們可以給出絕對的解決方案。我們可以預測它。 –

終於找到解決方案，我只需要設置的內部至100％的寬度，它看起來該阻塞分鐘寬度輸入的寬度。

來源

2016-12-16 12:30:29

相關問題