Html 调试不显示'；无法在IE9中正确显示

我在另一个问题中提出了这个问题，我们无法解决它

现在我有了一个可以调试的错误代码：

在InternetExplorer9中，窗口顶部并没有完全填满。我怀疑CSS正在被覆盖，所以我使用开发人员工具查看了IE，但没有找到错误：

---

当我指出您的问题时，我注意到样式没有正确继承。 所以我已经清理了你的小提琴，这样就只存在“问题”

html

*只摆弄这部分：*

更正CSS

#topBar {width:100%; background-color:#EFEFDC; display:inline-block;}
#topBar h2 {float:left}
#close {position:relative; float:right;}​

---

可以在这里找到fiddle:

当我指出您的问题时，我注意到样式没有正确继承。 所以我已经清理了你的小提琴，这样就只存在“问题”

html

*只摆弄这部分：*

更正CSS

#topBar {width:100%; background-color:#EFEFDC; display:inline-block;}
#topBar h2 {float:left}
#close {position:relative; float:right;}​

---

可以在这里找到fiddle:

我看到它在一个fiddle中工作，但是当我将代码带到我的本地页面时，它就不工作了。我会尝试更新页面和这个问题，看看能做些什么。这是因为你的样式表不正确，你所有的类都混合了，所以很不清楚应用了什么样式。对此可以做些什么？我有另一个弹出窗口，它没有这个愚蠢的问题。我受够了调试这个，你能提议吗？我只是不断地进行着同样愚蠢的更改，但它不起作用，即使我有几个小提琴，我们可以使其工作，小提琴只是不一样，把代码带到我更大的本地页面。真的应该有一个解决方案，它是什么？最简单和肮脏的方法是使类名更独特：例如，将topbar重命名为topbarPopup，并在CSS中执行相同的操作。这也适用于此顶栏部分中需要的所有其他样式。它现在可以工作了！我把CSS元素弄混了，它们是宽度，应该留下来。CSS在另一个名为positions.CSS的文件中被定义，该文件用于设置页面上弹出窗口的位置。我很高兴我所有的bug都被修复了，布局bug可能是最棘手的，因为它们很难调试。但是，在保留错误的同时，将页面分成越来越小的部分，当我删除另一个样式表时，看到它消失了，这让我意识到问题出在另一个样式表中！我看到它在一个小提琴工作，但当我把代码带到我的本地页面，这是更大的，然后它就不工作了。我会尝试更新页面和这个问题，看看能做些什么。这是因为你的样式表不正确，你所有的类都混合了，所以很不清楚应用了什么样式。对此可以做些什么？我有另一个弹出窗口，它没有这个愚蠢的问题。我受够了调试这个，你能提议吗？我只是不断地进行着同样愚蠢的更改，但它不起作用，即使我有几个小提琴，我们可以使其工作，小提琴只是不一样，把代码带到我更大的本地页面。真的应该有一个解决方案，它是什么？最简单和肮脏的方法是使类名更独特：例如，将topbar重命名为topbarPopup，并在CSS中执行相同的操作。这也适用于此顶栏部分中需要的所有其他样式。它现在可以工作了！我把CSS元素弄混了，它们是宽度，应该留下来。CSS在另一个名为positions.CSS的文件中被定义，该文件用于设置页面上弹出窗口的位置。我很高兴我所有的bug都被修复了，布局bug可能是最棘手的，因为它们很难调试。但是，在保留错误的同时，将页面分成越来越小的部分，当我删除另一个样式表时，看到它消失了，这让我意识到问题出在另一个样式表中！

#topBar {width:100%; background-color:#EFEFDC; display:inline-block;}
#topBar h2 {float:left}
#close {position:relative; float:right;}​