html - min-width 属性不适用于 Div，但适用于 Table 标签

Question

我的页面中有一个div。我将它的宽度设置为500px。但有时它的内容会获得超过 500 像素的空间。所以我将它的min-width属性设置为 500px。它预计默认情况下需要 500 像素，并且根据其内容需要更长的时间。但默认情况下它会占用整个页面的宽度。

但是，如果我将Div替换为Table，它就可以正常工作。有人知道原因吗？

Answer 1

请看演示。
演示。

你必须在css中设置

   min-width: 200px;
   width: auto;
   float: left;

Answer 2

普通块和表格、浮点数、内联块等使用不同的计算宽度算法。对于普通块，宽度通常是容器的可用宽度，min-width只有当容器比它窄时才考虑。对于后者，宽度算法是shrink-to-fit。

但是有几种方法可以让普通的 div 表现得像一个表格。