javascript - div 内容与表格内容重叠

Question

我有一个表格如下。表格后的div内容重叠在表格上而不是换行

<table border="0" style="width:680px;position:relative !important;">
    <tr>
        <td class="row1" style="background:red">1</td>
        <td class="row2" style="background:green">2</td>
    </tr>
</table>
<div style="position:relative !important;">22</div>

这是CSS

   .row1 {
        width:405px;
        position:absolute;
    }
    .row2 {
        width:273px;
        position:absolute;
        left:390px;
    }

有人可以帮我解决吗？ div 内容应位于表格内容下方的新行中。提前致谢

Answer 1

这是因为您的 table 没有高度。高度折叠是因为您已经绝对定位了表格单元格。简单的解决方法是添加一个高度(如果总是知道的话)，但这根本不是很稳健。

如果您发布了您想要做的事情(主要是您绝对定位的原因)，我们可以提供进一步的帮助:)