使用<！DOCTYPE>时,“height = 100％”不能在html中运行,
发布时间：2020-12-14 21:27:09 所属栏目：资源 来源：网络整理
导读：当我使用带有“Docymenttype”的HTML时，我的HTML页面“Height = 100％”正在工作。 但是当我使用“Docymenttype”时，高度无法正常工作 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitio
|
当我使用带有“Docymenttype”的HTML时，我的HTML页面“Height = 100％”正在工作。
但是当我使用“Docymenttype”时，高度无法正常工作 <!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>
我如何解决这个问题？ 解决方法
添加DOCTYPE将您从
quirks mode切换到标准模式。在标准模式下，html和body元素不会默认为视口大小的100％(浏览器窗口);相反，他们只是需要遏制他们的孩子一样大。表高度为100％表示包含元素的100％，但只有包含表格内容所需的那么大。怪癖模式是老式浏览器的行为的模拟，其中html和body元素填充了视口。
要解决这个问题，你只需要把它添加到你的文档中： <style>
html,body { height: 100% }
</style>
（编辑：李大同） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |