css - 为什么我的 DIV 高度为零？

Question

我有一个 div 位于另一个包含我的页面内容的 div 中(在本例中，是一个包含一些信息的表格)但是，我无法让它显示背景图像，因为它的高度没有扩展到它包含的表。谁能告诉我为什么？

<div>
    <div style="width: 900px; margin: auto; border: 1px solid #F00;">
        <table align="right">
            <tr><td>Something to make the hight of the container not zero</td></tr>
        </table>
    </div>
</div>

已更新

抱歉，我省略了表格元素上的 align = "right"(并在下面回答了我的问题)

Answer 1

问题已解决

只要将属性 align = "right" 放在表格元素上，它就会将其变成 float 元素(相当于样式属性 float: right . float 元素被认为不占用任何高度，因为它们是 float 的...因此包含的 div 的高度保持为零。

感谢您的投入，对于遗漏，我再次深表歉意。