調整大小DIV在表

Question

最大高度，我有這樣的代碼：

<td width="10"> 
<div style="border-left: 1px dashed #cccccc;width:10px;height:100%;"></div> 
</td> 

和我有另外兩列的元素，這可能是高度 大，我想dinamically設置di​​v來最大高度爲bigest柱。身高：100％不起作用。 如何做到這一點？

Answer 1

我不能用純html/css來做。但我得到了它的與幾行工作的JavaScript代碼：

window.onload = function() { 
    var h = document.getElementById('maintable').offsetHeight; 
    var el = document.getElementById('resizeme'); 
    el.style.height = h+'px'; 
} 

HTML：

<table id="maintable"> 
    <tr> 
     <td></td> 
     <td><div id="resizeme"></div></td> 
     <td>one<br/>two<br/>three<br/>four<br/>five<br/></td> 
    </tr> 
</table> 

CSS：

#resizeme {border: 1px solid blue;} 
table {border-collapse: collapse;} 
table tr td {vertical-align: top; border: 1px solid; padding: 5px;} 

基本上，所有的取決於你最終的目標是什麼。也許你可以只使用HTML/CSS解決您的問題... 此外，儘量不要用CSS樣式在HTML代碼中...

Answer 2

<td width="10px"> 
<div style="border-left: 1px dashed #cccccc;width:inherit;display:table"></div> 
</td> 

希望這有助於