|
|
|
|
|
|
|
[Original]
[Print]
[Top]
|
范例代码:
<html><body>
<table width=100% height=100%>
<tr><td bgcolor=#00cccc width=100% height=50%>
<div style="overflow:auto;width:100%;height:100%">
11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>
11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>
11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>
11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>
</div>
</td></tr>
<tr><td bgcolor=#cc00cc width=100% height=50%>
<div style="overflow:auto;width:100%;height:100%">
11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>
11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>
11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>
11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>11<br>
</div>
</td></tr>
</table>
</body></html>
代码使用table将窗口分为同样大小的上下两块,每块包含一个style为overflow:auto并且包含大量文字的div,目的是无论浏览器窗口尺寸如何变化,上下两个div都能实时适应,调整自己的高度,以上代码在ie中达到预期目标,但是在mozilla中,div的overflow样式失去效果,上下div的内容均以全文显示,超出窗口尺寸。请问是原因是什么?代码应怎样修改?
谢谢。
|
|
|
----
〓〓★〓〓 比别人飞的更高,更快,更强!
|
|
[Original]
[Print]
[Top]
|
|
|