我想將表格固定在頁眉和頁腳之間

我已經創建了一個包含三個部分的HTML頁面。頂部有一個標題，中間有兩個桌子，底部有一個頁腳。所有這三個定義在三個div中。標題使用css屬性（top:0px;position:fixed;）固定在頂部，同樣頁腳使用css屬性固定在底部（bottom:0px;position:fixed;）。我想將表格固定在頁眉和頁腳之間

在所有情況下，即表格必須被固定在頁眉和頁腳之間，即當瀏覽器放大或縮小表格時，必須在頁眉和頁腳之間進行修正。

更具體地說，桌子的頂部必須粘到桌子底部，桌子的底部必須粘到桌腳的頂部，我認爲桌子必須展現出一些流動性。有沒有這樣的事情。

任何人都可以幫忙嗎？

來源

2010-07-27 Rahul

我懷疑這是否可以不使用JavaScript來實現 – 2010-07-27 05:04:32

嘗試以下操作：

<html> 
<body style="height:100%;width100%;padding:0;margin:0"> 

<div style="position:fixed:top:0;width:100%;height:10%;background-color:red;"> 
    Header 
</div> 
<div style="position:fixed:top:10%;width:100%;height:80%;background-color:green;overflow:auto"> 
    <table> 
     <tr><td>Table/Middle</td></tr> 
    </table> 
</div> 
<div style="position:fixed:top:90%;width:100%;height:10%;background-color:blue;"> 
    Footer 
</div> 

</body> 
</html>

來源

2010-07-27 18:23:53 cesarnicola

我想將表格固定在頁眉和頁腳之間

回答

相關問題