2013-08-29 81 views
0

我有一個表格單元格的高度,如何空div裏面的表格單元格的高度設置爲電池

<td> 
    <div style="position:relative;height:100%;width:100%"> 
    <div class="drag-row" 
      style="position:absolute;height:3px;width:100%;left:0px;top:100%;"> 
     </div> 
     TEXT 
    </div> 
</td> 

如果TD高度可以說100像素,TEXT進來表的垂直中心細胞及其親本div的高度與TEXT的高度相同,然後是divdrag-row。但我想父母DIV的高度符合TD其次drag-row類的DIV的高度(所以這個div應該來在表格單元格的下邊框)

如果我設置的高度父div到td使用javascript的高度,它可能會工作,但在這種情況下,如果該單元格的高度稍後更新,我的div不會在腳本運行時更新其高度。 所以我想通過CSS來做到這一點。謝謝。

這個解釋可能會令人困惑,所以我的實際問題是,我想drag-row div在表格單元格的底部。

+0

@Mr_Green簡單而簡單,我希望我的'drag-row' div在表格單元格的底部。 – schnill

+0

機頂:100px而不是100% – ygesher

+0

我對你想要的東西也很困惑......如果你只想在單元格底部的「drag-row」div,加上'bottom:0;'給它。如果它與文本重疊,只需在表格單元格中添加一個「margin:XXpx;'(其中XXpx =拖動行的高度)。 – robooneus

回答

1

而不是top:100%使用bottom:0。然後div的底部將始終匹配父元素的底部。

相關問題