1. 爱易网页
  2. HTML教程
  3. html的height为100%，如何设置

html的height为100%，如何设置

日期：2014-05-17　 浏览次数：20936 次

html的height为100%，怎么设置
头上有个<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
把这个删除掉页面就可以变成100%，不删除就不行。

请问在不删除“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">”这段话的情况下如何设置页面100%高度？






比如：
html{height:100%}
<table style="width:100%; height:100%;" border="0" cellpadding="0" cellspacing="0">
  <tr>
  <td align="center" valign="top">
<iframe name="I1" src="middel.aspx" style="width:100%; height:100%;" scrolling="no" border="0" frameborder="0">
</iframe>
</td>
  </tr>
</table>

但是只要加上“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">”这段话就补管用了，

请问在不删除“<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">”这段话的情况下如何设置页面100%高度？

------解决方案--------------------
不能。xhtml标准下，高度设置为100%是根据实际内容的高度来自适应的， 而不是根据父容器的高度来自适应。
------解决方案--------------------
改成这个

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns="http://www.w3.org/1999/xhtml">

相关资料更多>

  1. [转] css IE上的圆角终极解决方案
  2. 用好超级链接标志—A
  3. 请教html设置字体背景色的标签或代码如何写
  4. 最齐备的网站元数据meta标签的含义和用法
  5. 做手机专用的网页，现在还有必要用wap,wml吗？该如何解决
  6. 读取HTML资料出错
  7. CSS技术在网页设计中的运用
  8. HTML CSS3 兑现文字和输入框组合效果
  9. 用dreamweaver制作网页，背景和DIV层要怎么设置才能适合不同分辨率啊