当我没有使用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"> </td>
</tr>
</table>
</body>
Run Code Online (Sandbox Code Playgroud)
如何解决这个问题呢?
Bri*_*ell 44
添加DOCTYPE从怪异模式到标准模式的开关.在标准模式下,html和body元素不会默认为视口大小的100%(浏览器窗口); 相反,它们只有它们需要的大小才能包含它们的孩子.table100%的高度表示100%的包含元素,但这只是包含表格内容所需的大小.Quirks模式是对旧浏览器行为的模拟,其中html和body元素填充了视口.
要解决此问题,您只需将其添加到文档中:
<style>
html, body { height: 100% }
</style>
Run Code Online (Sandbox Code Playgroud)
当你说“身高=100%”时,你必须思考“100% 是什么?”。它是作为主体的表格元素的父元素。但身体有多高呢?
要执行您想要的操作,请在 CSS 中添加以下内容: html,body{height:100%}