有個需求，就是點擊表格某一行，上面要居中顯示一組菜單。

而列表需要有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里，優(yōu)點是簡單，兼容性好些，缺點是，DOM結構變復雜了，CSS樣式也不是很好寫。

總結

以上是生活随笔為你收集整理的html表格按钮相对位置不变,表格中如何使td或div相对定位在某一行上面的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。