html表格按钮相对位置不变,表格中如何使td或div相对定位在某一行上面

有个需求，就是点击表格某一行，上面要居中显示一组菜单。

而列表需要有1列或多列不固定宽度，有的是百分比宽度，有的是固定宽度(就是传统的table用法，或者CSS3的Flex Box)

小伙伴的实现是用table，js算出距表头的距离，然后绝对定位一个div在tr上面，我觉得计算距顶高度这样的方式太蛋疼了，所以想用position的方式让菜单显示。实际操作中遇到如下问题：

1. td给position：absolute后，除非是给display:none，否则一直会占用一定的宽度

2. IE<8用td(position：absolute)或者td>div(position：absolute)都无法正常显示

求各位高手解答：

1.td(position：absolute)时，有办法让它不占用原来的位置上的些许宽度么？

2.有什么更好的实现这个需求的方式？

谢谢！

2014-08-28

又想了一种实现，就是table只用来显示一行，套在div或li里，优点是简单，兼容性好些，缺点是，DOM结构变复杂了，CSS样式也不是很好写。