所以我有点到了什么'盲目甩尾'可以完成,我希望有人可以指出我在这里正确的方向。我只是开始吸收整个HTML / CSS的做事方式,所以仍然很新。
所以我试图解决的问题是在屏幕上保持一切可见。该页面主要用于将matplotlib生成的一系列图表导航为SVG,但其他都是静态内容。
该页面的基本形式为:
<html>
<body>
<div name=someFrameName>
<h2>Some Section</h2>
<iframe src="some_html_with_controls_and_data_2.html">
<html>
<body>
<table>
<tr>
<td><a href=some_html_with_controls_and_data_1.html>Data Set 1!</a></td>
<td>Data Set 2!</td>
<td><a href=some_html_with_controls_and_data_3.html>Data Set 3!</a></td>
</tr>
<tr>
<td colspan=3 rowspan=3>
<img src=data_set_2.svg/>
</td>
</tr>
</table>
</body>
</html>
</iframe>
</div>
</body>
</html>
还有一些非常基本的CSS,主要是&#39;宽度:100%;高度:100%;&#39;和&#39; table-layout:fixed;&#39;,但这是一个相当实用的输出,因此没有那么多。
在大多数情况下,这种方法很好,但是我遇到的问题是内容比显示的内容更长。这导致一些部分在前一部分开始之前开始(因此底部被切断)或内容继续低于整页的最大滚动。通常,至少,任何给定表格的边框都会与下一个标题的文本重叠。
所以我希望有人可以建议一种告诉浏览器的方法&#39;是的,扩展这个div中的所有内容,以便显示&#39;。我看了很多类似的线程,但它们似乎都是更复杂的情况,或者特别涉及长文本被切断的问题。
我应该注意的一个限制是页面不能使用站点外部的任何资源(不能假设Internet连接),也不能使用大多数java脚本库,因为许可证问题。因此,在这种情况下,很多标准便利库都不可用。
谢谢!