好的,我有第一个包含标题的表。我还有第二张桌子来保存错误消息,第三张桌子用来保存内容,第四张桌子用来保存页脚。
我希望第一个和第二个表被修复,即当第三个有更多内容并且当用户向下滚动第一个和第二个时仍然保持不变。
所以这就是我所做的。
<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/>
在第一张桌子和第二张桌子之后使用。如果我不这样做,那么第一个、第二个和第三个将被夹在彼此之上。但如果我放得更多<br/>
,那么我可能会在它们之间造成一些不必要的差距。
那么在 CSS 中处理这个问题的正确方法是什么(固定位置表相互叠加)?
我不喜欢潜水,因为我每次做 Div 时都得绞尽脑汁,而且我的网站结构非常简单,所以我选择了表格,我不需要 Div。
注意:我使用的是 GWT 平台,所以表格实际上被包裹在一个 HTMLPanel 中(这是由谷歌发明的,所以他们必须确保 HTMLPanel 中的所有东西都能正常工作)