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"放在你的表格元素上，它就会把它变成一个浮动元素（相当于 style 属性float: right。浮动元素被认为不占用高度，因为它们是浮动的......因此包含的高度div 保持为零。

感谢您的投入，我再次为遗漏道歉。