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

   想在网页上放两个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>
posted @ 2008-08-21 14:37  Amanda2007  阅读(438)  评论(0编辑  收藏  举报