在网页上设置容器的高度的百分比。
想在网页上放两个iframe,按比例设置他们的高度,
<iframe name="iframe1" src="http://www.google.com/" height="25%" width="100%"></iframe>
<iframe name="iframe2" src="http://www.google.com/" height="75%" width="100%"></iframe>
但是发现,设置比例高度根本就没有其任何作用。
后来发现, 在网页中放一个div,并设置他的高度和宽度都为100%,显示结果是,宽度显示正常,但是高度却只有一行的高度。
后来,在网上搜索的一片文章: http://blog.darkthread.net/blogs/darkthreadtw/archive/2007/10/02/tips-get-100-height-in-xhtml.aspx。
原来問題的根源不在於XHTML不支持100%了,而是預設HTML長度改成依內容而訂,不再一次佔滿整個瀏覽器的可視範圍,
所以在网页的 header部分添加 如下的css, 问题就解决了:
<style type="text/css">
html, body
{ margin: 0; padding: 0; height: 100%; border:none; }
</style>