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

Question

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

但是如果我用表替换 Div ，它就能正常工作。 有人知道原因吗？

Answer 1

请参阅演示。
Demo.

你必须在css中设置

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

Answer 2

正常块和诸如表，浮点数，内联块等之类的东西使用不同的计算宽度的算法。对于普通块，宽度通常是容器的可用宽度，并且仅当容器比它窄时才考虑min-width。对于后者，宽度算法为shrink-to-fit。

但有several ways使普通div的行为像表格一样。