Html CSS自动高度设置不需要'；t是否考虑表子元素？

我试着把一张桌子放在一个div里面，以便于布局。但当我把div的高度从一个固定值改为“auto”时，div的高度就降到了零。下面是代码外观的简化版本

<div class="box">
    <table>
       <tr>
       <td> <img src="something.jpg" alt=""> </td>
       <td> <p>something<p> </td>
       </tr>
    </table>
</div>

---

感谢您的帮助。

高度永远不会考虑任何子元素！！我没有看到这个问题。更多详细信息？

浮动：居中不存在您可以将填充缩短为
填充：0@micha height表示子元素，但在某些情况下除外。任何浮动的子元素都不会影响高度，并且具有
位置：绝对
或
位置：固定
的子元素也不会影响高度。
<td> <p>something<p> </td>

<td> <p>something<p> </td>

.box {
margin: 10px 0 10px 70px;
height: auto; /* Is this needed? Height is auto by default. */
width: 600px;
text-align: left; /* Is this needed? Text-align is left by default. */
border: 2px solid #e3e2e2; 
border-radius: 5px;
padding: 0;   
font-size: 25px;
}