当使用<!DOCTYPE>时,“Height = 100%”在html中不起作用,我该如何解决这个问题?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (62)

当我使用带有“Docymenttype”的HTML时,我的HTML页面“High=100%”可以运行。

但当我使用“Docymenttype”时,hight不能正常运行...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>New Page 1</title>
</head>

<body>

<table cellpadding="0" cellspacing="0" width="11" height ="100%">
    <tr>
        <td height="100%" bgcolor="#008000">&nbsp;</td>
    </tr>
</table>

</body>

我是怎么解决这个问题的?

提问于
用户回答回答于

当你说‘hight=100%’时,你必须想到“100%的什么?”。它是表元素的父元素,也就是主体。但hight有多高?

若要做你想做的事情,请将其添加到css:html,主体{High:100%}中。

用户回答回答于

要解决这个问题,只需将其添加到文档中:

<style>
  html, body { height: 100% }
</style>

扫码关注云+社区

领取腾讯云代金券