Question

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

以下是2个示例页面：

首页链接显示在正确的位置： CodeList

首页链接显示错误的位置： Code Assessment

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

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

Answer 1

不确定您的问题是什么，但我的建议是：在尝试修复设计或渲染错误（或浏览器依赖性错误）之前，请确保所有HTML代码都已验证。在任何情况下，永远不要在<body>...</body>的边界之外放置任何布局。修复它，你将能够有效地使用CSS。

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

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

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

不，它不会影响javascript本身。这只是为了更容易编写需要转义的<和&，而不是在XML CDATA部分内。实际上总是在使用XHTML时执行此操作。

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

javascript:alert(document.compatMode);

Answer 2

我看到你正在为你的应用程序使用.NET。您是否使用母版页进行网站布局？我会假设你是。

CodeAssessment.aspx页面上标有以下内容的部分：

<div id="Div1"></div>

可能根本不应该被复制并粘贴到该页面中。该部分应该可能留在母版页上。您的内容区域应该是应用程序的位置（下拉列表，单选按钮等）。

在asp.net上查看using Master Pages，了解他们如何拆分网站并将主页与内容页结合使用。

您真正需要做的就是确保您的母版页有效，然后您的内容网页应该按预期工作。

祝你好运，并希望这有助于一些人。