日期:2014-05-17  浏览次数:20676 次

问一个布局问题 table cell 的布局
如下图所示,一个table内有多个并排的td元素,每个td元素内都由一个可编辑的div(高度自适应) 以及两个按钮组成。
想实现效果:
    让两个按钮一直处于td的底端(即使同排的td输入了文字导致整行的tr变高了)。

有思路的亲们,拜托了。。。



------解决方案--------------------

<style>
    td{position:relative;min-height:80px;}
    td input{position:absolute; bottom:0; z-index:999}
</style>


------解决方案--------------------
先试试给td加上 <td valign = "top"></td>
不行就试试下面的代码

 td div{ 
    position:absolute; 
    top:0; 
    bottom:按钮的高度;
    z-index:999
}