HTML CSS IE和Firefox Overflow屬性沖突

Question

我希望將表格設置為固定高度，然后將超出該高度的行設置為顯示滾動條。 如果行沒有超出表格的高度，我仍然希望顯示滾動條，但顯然它不可滾動。

我正在IE7上進行測試，它看起來只像是overflow：scroll，但是當我在Firefox中測試時，看不到滾動。

是否有人知道任何代碼（包括IE的CSS專用代碼）可以解決此問題？

Answer 1

您可以在div包含table的數據部分

<table id="table-header">
  <th>
  ..
  </th>
</table>
<div id="table-scrollbar">
  <table>
  ..
  </table>
<table>

然后只需為div設置添加css（可能還需要為表設置css，因此單元格具有相同的寬度）

#table-scrollbar { overflow: scroll; }

Answer 2

聽起來像這樣，不是嗎？ http://fixedheadertable.com/demo/fullwindowdemo.html