Html IE7-新线上的浮动元素

（很抱歉，这可能是这个bug的第一百万个版本，但我已经在谷歌上搜索了这个问题的各种版本，并尝试了各种版本的建议修复程序，但到目前为止我还没有找到一个有效的修复程序。）

我试图在标题栏的右端浮动两个按钮。它们必须浮动为一个或两个，或者两者都不能显示（它们是在页面上重新显示隐藏元素的按钮）

这是一张将所需布局与IE7版本进行比较的图片

如您所见，这两个按钮（以及仅包含空格的filler div）都位于标题栏下方，而不是其内部

这是页面

             <div class="divHeaderBar">
                Welcome To James Hay Online
                <div id="filler" style="display: inline-block; *display: inline; float: right; width: 20px; height: 10px; z-index: 60;"> </div>
                <div id="divShowApplyOnline" class="" style="display: inline-block; *display: inline; float: right; margin-top: 5px; height: 10px; width: 20px; z-index: 60; cursor: pointer;"
                    onclick="javascript:ShowApplyOnline()" runat="server">
                    <img title="Show the Apply Online section" src="/portal/images/details_open.png"
                    alt="Show the Apply Online section" />
                </div>
                <div id="divShowMainFeature" class="" style="display: inline-block; *display: inline; float: right; margin-top: 5px; height: 10px; width: 20px; z-index: 60; cursor: pointer;"
                    onclick="javascript:ShowMainFeature()" runat="server">
                    <img title="Show the News Feature section" src="/portal/images/details_open.png"
                    alt="Show the News Feature section" />
                </div>
            </div>

我尝试过摆弄position:absolute和right:0，还尝试过使用带有float:left的包含div，但到目前为止，我还没有尝试过任何方法

---

任何帮助都将不胜感激

切换标记位置应有助于：

     <div class="divHeaderBar">
        <div id="filler" style="display: inline-block; *display: inline; float: right; width: 20px; height: 10px; z-index: 60;"> </div>
        <div id="divShowApplyOnline" class="" style="display: inline-block; *display: inline; float: right; margin-top: 5px; height: 10px; width: 20px; z-index: 60; cursor: pointer;"
            onclick="javascript:ShowApplyOnline()" runat="server">
            <img title="Show the Apply Online section" src="/portal/images/details_open.png"
            alt="Show the Apply Online section" />
        </div>
        <div id="divShowMainFeature" class="" style="display: inline-block; *display: inline; float: right; margin-top: 5px; height: 10px; width: 20px; z-index: 60; cursor: pointer;"
            onclick="javascript:ShowMainFeature()" runat="server">
            <img title="Show the News Feature section" src="/portal/images/details_open.png"
            alt="Show the News Feature section" />
        </div>
        Welcome To James Hay Online
    </div>

欢迎来到詹姆斯·海伊在线

首先是正确的浮动元素，然后是其他所有元素。这样，IE7应该正确地浮动它们

---

<强>提示：：考虑分离HTML、CSS和JavaScript。内联CSS和内联事件处理程序不是一个好主意。分离关注点将提高可读性和可维护性。

切换标记位置应有助于：

     <div class="divHeaderBar">
        <div id="filler" style="display: inline-block; *display: inline; float: right; width: 20px; height: 10px; z-index: 60;"> </div>
        <div id="divShowApplyOnline" class="" style="display: inline-block; *display: inline; float: right; margin-top: 5px; height: 10px; width: 20px; z-index: 60; cursor: pointer;"
            onclick="javascript:ShowApplyOnline()" runat="server">
            <img title="Show the Apply Online section" src="/portal/images/details_open.png"
            alt="Show the Apply Online section" />
        </div>
        <div id="divShowMainFeature" class="" style="display: inline-block; *display: inline; float: right; margin-top: 5px; height: 10px; width: 20px; z-index: 60; cursor: pointer;"
            onclick="javascript:ShowMainFeature()" runat="server">
            <img title="Show the News Feature section" src="/portal/images/details_open.png"
            alt="Show the News Feature section" />
        </div>
        Welcome To James Hay Online
    </div>

欢迎来到詹姆斯·海伊在线

首先是正确的浮动元素，然后是其他所有元素。这样，IE7应该正确地浮动它们

---

<强>提示：：考虑分离HTML、CSS和JavaScript。内联CSS和内联事件处理程序不是一个好主意。分离关注点将提高可读性和可维护性。

当您尝试绝对定位时，是否将父div设置为相对位置？当您尝试绝对定位时，是否将父div设置为相对位置？我是否会觉得自己像个白痴？我现在知道了！这样一个简单的变化，我没有发生，它确实修复了它（当它允许我时，我会将它标记为答案）。非常感谢你的帮助@罗斯布鲁克

位置：绝对位置：relative在父分区。我应该觉得自己像个白痴吗？我现在知道了！这样一个简单的变化，我没有发生，它确实修复了它（当它允许我时，我会将它标记为答案）。非常感谢你的帮助@罗斯布鲁克
位置：绝对位置：relative。