1

我目前正在与 IE 战斗。在我得到一些关于表的咆哮之前，我知道“不要使用它们”，但我没有写这个，我只是在调试它。我想知道当我绝对定位一个表格时，是否有一些技巧可以让 IE 上的表格间距脱离 IE 流。我包含了一些样式以帮助更好地查看问题。有一条不属于任何东西的空白区域。这在 FF 和 Chrome 上效果很好，IE 只是打破了这个流程。

<html>
    <head>
        <style type="text/css">
            .button{
                float:left;
                Background:#0F0;
            }

            #testCont{
                Background:#F00;
            }

            #testUnder{
                Clear:both;
                Background:#00F;
                Color:#FFF;
            }

            .tablePop{
                position: absolute;
                top:60px;
                left:60px;
                Background:#CACACA;
            }
        </style>
    </head>
    <body>
        <div  id="testCont">
            <div class="button">
                Button1
            </div>
            <div class="button">
                Button2
            </div>
            <div class="button">
                Button3
            </div>
            <table border=0 cellspacing=0 cellpadding=0 class="tablePop">
                <tbody>
                    <tr>
                        <td>
                            Row 1
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Row 2
                        </td>
                    </tr>
                    <tr>
                        <td>
                            Row 3
                        </td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div  id="testUnder">
            Hello World
        </div>
    </body>
</html>
4

1 回答 1

3

将您的页面置于标准模式：

<!DOCTYPE html>
<html>
    <head>

您可以通过按 F12 并将文档模式切换为标准来快速测试这一点。

或者，您也可以使用display:inline代替float:leftfor .button。

于 2012-07-02T21:37:59.927 回答