Question

我有2个按钮，应显示在另一个div上方。但是在Internet Explorer中，2个按钮显示在与div相同的y级别/轴上（应该在下面）。

注意：HTML和Firefox正确显示HTML Chrome（2个按钮位于div上方），但在IE上，按钮不会显示在div上方。

这应该是它的外观＆amp;它看起来像firefox：
enter image description here 但这就是IE显示HTML的方式：
你可以帮我修复显示屏，这样2个按钮位于IE中的“course”div之上吗？

<html>
<head>
    <title> </title>

    <style type="text/css">
    <!--
        #navBar {
            text-align: left;
            margin: 0 auto;
            padding: 0 auto;
            margin-top: 10px;
            position: fixed;
        }

        .leftAlignButton {
            margin-left: 2px;
            float: left;
        }

        .rightAlignButton {
            float: right;
            margin-right: 54px;
        }

        .navTab {
            background: url(images/tag.png) top right no-repeat;
            overflow: hidden;
            padding: 8px 10px 12px 10px;
            width: 155px;
            height: 50px;
        }

        .navTab select {
            width: 110px;
            height: 25px;
        }

        .navTab input {
            width: 100px;
        }

        .navText {
            color: #FFFFFF;
            font-family: "Onyx", "Arial", Serif;
            font-size: 23px;
            letter-spacing: 1px;
        }
    -->
    </style>
</head>
<body>

    <div id="navBar">
        <div id="buttonTab">
            <a class="leftAlignButton" href=""><img src="images/closeBt.png" alt="Close"/></a>
            <a class="rightAlignButton" href=""><img src="images/goBt.png" alt="Go"/></a>
        </div>
        <div class="navTab">
            <p class="navText">Course:</p>
            <select>
                <option>Breakfast</option>
            </select>
        </div>
    </div>


</body>
</html>

Answer 1

尝试添加

#buttonTab { overflow:hidden }

编辑：只是读别人提交了同样的事情。

IE中的按钮位置不正确

1 个答案: