html - 调试在 IE9 中无法正确显示的弹出窗口

Question

我在另一个我们无法解决的问题中问过这个问题

Filling the top part of this window?

现在我在 fiddle 中找到了我们可以调试的错误代码: http://jsfiddle.net/qffh5/6/

在 Internet Explorer 9 中，窗口顶部没有完全填满。我怀疑 CSS 被覆盖了，所以我用开发人员工具查看了 IE，但找不到问题所在:

Answer 1

当我查明您的问题时，我注意到样式没有正确继承。所以我已经清理了您的 fiddle ，以便只存在“问题”。

html

<div id="topBar">
    <span class="pusher TB_nb">
        <h2>Some text</h2>
    </span>
    <span id="close">
       <a href="#todo" onclick="#do something">X</a>
    </span>
</div>

你的 CSS

#topBar {width:100%; background-color:#EFEFDC;}
#close {position:absolute; right:5px;}

*只修改这部分: http://jsfiddle.net/qffh5/30/ *

更正 CSS

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

fiddle 可以在这里找到:http://jsfiddle.net/qffh5/28/