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

Question

我的页面上有一个div 。 我将其宽度设置为500px 。 但有时内容的空间会超过500px。 所以我将其最小宽度属性设置为500px。 它期望默认情况下需要500px并根据其内容花费更长的时间。 但默认情况下，它占用了整个页面的宽度。

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

Answer 1

请看演示。
演示

你必须像这样设置css

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

Answer 2

普通块以及诸如表格，浮点数，嵌入式块等之类的东西使用不同的计算宽度的算法。 对于普通块，宽度通常是容器的可用宽度，并且仅当容器比其窄时才考虑min-width 。 对于后一种情况，width算法是缩小为fit 。

但是有几种方法可以使普通div表现得像桌子一样。