如何讓div佔用不具有固定TD高度的html表格單元高度的100％？

我有一個HTML表和小區內我有一個div如何讓div佔用不具有固定TD高度的html表格單元高度的100％？

<td> 
     <div class=content>some content</div> 
</td> 
<td> 
     <div class=content>some content<br/>some content<br/>some content<br/></div> 
</td>

一些在某些細胞中的內容的多個線和div有背景色，所以我所需的視圖是均勻的，所以我想內容較少的div仍然是覆蓋整個td的相同高度。

我試着做

.content 
{ 
    height:100%; 
}

但是這似乎並沒有改變任何東西。

來源

2014-10-11 leora

已[一直]（http://stackoverflow.com/questions/3215553/make-a-div-fill-an-entire-table-cell）[問]（HTTP：/ /stackoverflow.com/questions/3542090/how-to-make-div-fill-td-height）[several]（http://stackoverflow.com/questions/18010768/make-a-div-fill-its-parent -td-height-without-specified-height-on-td）[times]（http://stackoverflow.com/questions/19684509/how-do-i-make-a-div-fill-an-entire-table -cell），但是不存在純粹的CSS解決方案。 – 2014-10-11 13:52:47

爲什麼不將背景顏色應用於td單元格？ – 2014-10-11 14:05:00

@Mr_Green - 現在我有一個圍繞div（不是TD）的邊框，所以看起來很有趣，但我同意我可以繞過我的CSS並將其用作解決方案 – leora 2014-10-11 14:11:02

代替將背景到內容div，適用於td單元本身。

td { 
    background-color: cornflowerblue; 
    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(255, 0, 0, 1); 
    -moz-box-shadow: inset 0px 0px 5px 0px rgba(255, 0, 0, 1); 
    box-shadow: inset 0px 0px 5px 0px rgba(255, 0, 0, 1); 
    padding: 5px; 
}

我還應用插圖的box-shadow這是備用的應用邊界，你在你的內容div有邊框太發表的評論中提到的元素（在這種情況下，小區）內。

Working Fiddle

來源

2014-10-11 14:19:50

高度是動態屬性，它根據內容適用。因此你不能以百分比來設定它。但是，如果父母身高是固定的，那麼孩子可以有百分比的高度屬性。在這裏，設置一些td的靜態高度，以便你可以使用div高度。

來源

2014-10-11 13:51:23

問題在於TD的高度根據隱藏和顯示中間的某些內容動態變化，因此我想避免使用TD的硬編碼高度。我基本上希望div能夠達到TD高度的100％，不管目前的身高是多少。。那可能嗎？ – leora 2014-10-11 13:53:59

可問題是，你沒有跟你的類屬性使用Quotes

這裏是我的代碼

<table> 
    <tr> 
    <td> 
     <div >some content</div> 
</td> 
<td> 
     <div>some content<br/>some content<br/>some content<br/></div> 
</td> 
    </tr> 
</table>

退房這裏JSBIN 希望它能幫助

來源

2014-10-11 13:51:28 maq

如何讓div佔用不具有固定TD高度的html表格單元高度的100％？

回答

相關問題