css - 当它的 child 长大时，如何使 html div 扩展？

Question

我有一个包含表格的主 div :

<div id="main_container"><table>

您可以在以下位置查看完整代码: http://jsfiddle.net/tF62u/

如您所见，子表比 div 宽，但它(div)没有相应调整。

我在这里缺少哪个定义？

Answer 1

将 display:inline-block 添加到您的 div 的 CSS 规则中:

#main_container {
    font-size: 9px;
    border: solid 3px #faa;
    background-color: rgba(245, 255, 10, 0.12);
    display: inline-block;
}

jsFiddle example