html - 什么会影响 <div>...</div> 之外的文本位置？

什么会影响 <div>...</div> 之外的文本位置？？他们使用相同的 CSS，但文本出现在 2 个不同页面的 2 个位置。

这里有 2 个示例页面:

主页链接显示在正确的位置: CodeList

主页链接显示在错误的位置: Code Assessment

我将 CodeList 上的所有顶部 html 复制并粘贴到 CodeAssessment，但文本倾斜仍然存在。我在 Visual Studio 中打开了 show Whitespace，但由于我认为是相关文本被复制和粘贴，所以没有显示任何内容。

我正在使用来自 FreeCssTemplates 的 Gestured 模板.这些链接的位置与它们的预期用途无关，我只是将 html 复制并粘贴到我可以轻松链接它们以进行测试和帮助的地方。所以我知道表单组件可能看起来不起作用，但这不是他们的家。他们在我的 IIS 和 cassini 内部本地工作。

最佳答案

不确定您的问题是什么，但我的建议是:在尝试修复设计或呈现错误(或与此相关的浏览器依赖性错误)之前，确保所有 HTML 代码都经过验证。在任何情况下，切勿将任何布局放置在 <body>...</body> 的边界之外.修复它，您将能够在它们上有效地使用 CSS。

在同时删除的答案中，Peter Lacomb Jr 发现在需要 URI 的地方使用了反斜杠。反斜杠在其他任何地方都是非法的，然后在 Windows 中(然后仅适用于文件路径)。对于 URI、URL 等:永远不要使用反斜杠。它们没有特殊含义。另一方面，正斜杠确实具有特殊含义:作为路径分隔符。

进一步观察:
违规页面以评论开头。我不知道你为什么把它放在那里，但这会触发向后兼容模式。您的代码是 XHTML。让它以 XML 声明开始。另外，修复 <script>像 Peter 建议的那样:

<script ...>
//<![CDATA[
     functionA(...) { blabla; }
     functionB(...) { blabla; }
     etc...
// ]]>
</script>

不，它不会影响 javascript 本身。只是为了方便写<和 & , 需要转义，但不在 XML 中 CDATA部分。在使用 XHTML 时，您应该实际上总是这样做。

要检查文档是否处于向后兼容(怪癖)模式，请在加载页面后在 IE 的地址栏中键入以下内容。您会注意到这两个页面是不同的:

javascript:alert(document.compatMode);

关于html - 什么会影响 <div>...</div> 之外的文本位置？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/1750702/