在网页上设置容器的高度的百分比。

   想在网页上放两个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>

转载于:https://www.cnblogs.com/Amanda2007/archive/2008/08/21/1273165.html