浏览器为 html 添加额外的高度答案

【问题标题】：Browser add additional height to html浏览器为 html 添加额外的高度
【发布时间】：2012-10-14 23:48:40
【问题描述】：

我的 linux ubuntu 有问题... 我已经安装了 Lamp 服务器，今天我注意到了这一点（html 是从 w3scool 复制/粘贴的）：

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

当我使用 localhost 打开它时，我得到了这个：

<html style="height: 688px; "><head></head><body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>



<div style="clear: both; "></div></body></html>

我的问题是，浏览器从哪里获取 html 标签中的这种额外的内联样式（<html style="height: 688px; ">）？因此，我的页面总是有滚动条（高度 > 100%）。但是如果我像这样打开同一个文件：左键单击，用谷歌浏览器打开，没有滚动条...... 没看懂……

【问题讨论】：

似乎还有 clear hack div。并且缺少文档类型......或者它是一个错误的副本？
不，它是干净的副本。 w3schools.com/html/default.asp 我尝试使用我的旧项目......他们在任何地方工作 gr8，但在这里我总是得到额外的宽度......所以我真的不明白......：>
你试过哪些浏览器？它在每个浏览器中的行为方式都相同吗？和代码......你是从检查元素得到的吗？还是从“查看源代码”？
相对于“左键单击，使用 google chrome 打开”，“使用 localhost 打开”是什么意思？
可能意味着他直接从文件系统运行它，而不是通过 LAMP 中的 Apache 服务器运行它

标签： html lamp

【解决方案1】：

您需要添加<title></title> 标签。不确定您是否还需要<head></head>

【讨论】：

【解决方案2】：

试试这个代码..

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Klemzy Document</title>
</head>

<body>
<h1>My First Heading</h1>    
<p>My first paragraph.</p>
</body>
</html>

【讨论】：