使用<!DOCTYPE>时,"Height = 100%"在html中不起作用?

Ale*_*lex 24 html

当我没有使用HTML时DOCTYPE,我的HTML页面Height=100%正在运行.

但是当我使用时DOCTYPE,身高不正常......

<!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>
Run Code Online (Sandbox Code Playgroud)

如何解决这个问题呢?

Bri*_*ell 44

添加DOCTYPE怪异模式到标准模式的开关.在标准模式下,htmlbody元素不会默认为视口大小的100%(浏览器窗口); 相反,它们只有它们需要的大小才能包含它们的孩子.table100%的高度表示100%的包含元素,但这只是包含表格内容所需的大小.Quirks模式是对旧浏览器行为的模拟,其中htmlbody元素填充了视口.

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

<style>
  html, body { height: 100% }
</style>
Run Code Online (Sandbox Code Playgroud)


Rob*_*Rob 4

当你说“身高=100%”时,你必须思考“100% 是什么?”。它是作为主体的表格元素的父元素。但身体有多高呢?

要执行您想要的操作,请在 CSS 中添加以下内容: html,body{height:100%}