わかりました、ヘッダーを保持する最初のテーブルがあります。エラーメッセージを保持する2番目のテーブル、コンテンツを保持する3番目のテーブル、フッターを保持する4番目のテーブルもあります。
1 番目と 2 番目のテーブルを固定したい。つまり、3 番目のテーブルにコンテンツが多く、ユーザーが下にスクロールしても 1 番目と 2 番目のテーブルはそのままです。
だからここに私がやったことです。
<table style='width:100%;position: fixed;' border="0"> some header widgets here </table>
<br/><br/><br/>
<table style='width:100%;position: fixed;' border="0"> err message here</table>
<br/><br/><br/>
<table> content widgets here </table>
<br/>
<table> footer widgets here</table>
正常に動作しているようですが、エレガントかどうかはわかりません。その理由は<br/><br/><br/>、1 番目のテーブルの後と 2 番目のテーブルの後に使用する必要があるためです。そうしないと、1枚目、2枚目、3枚目が重なってしまいます。しかし、それ以上入れる<br/>と、それらの間に不要なギャップが生じる可能性があります。
では、CSS でこの問題 (互いの上に配置された固定位置テーブル) を処理する正しい方法は何ですか?
私はダイビングが好きではありません.Divを行うたびに頭を割る必要があります.また、私のウェブサイトの構造は非常にシンプルなので、テーブルが私の選択であり、Divは必要ありません.
注：私はGWTプラットフォームを使用しているため、テーブルは実際にはHTMLPanel内にラップされています（これはGoogleによって発明されたため、HTMLPanel内のすべてのものがうまく機能することを確認する必要があります）