内联块+最小/最大宽度行为

Question

我在许多浏览器（FF，Opera，Ie）中看到我给它们“内联块”和“最小/最大宽度”的元素，它们的宽度自动设置为“最小宽度”，而不是最大宽度正如预期的那样。 这是正常的行为吗？

我可以用css方式解决它（带有最大宽度的内联块元素）吗？ （我知道浮点数/表格/ js，有一些原因我需要这样做）

here is the code

Answer 1

您遇到了有效的行为。 min-width表示宽度不能小于min-width值。另一方面，max-width表示宽度不能超过max-width值（但可以更小）。因此，如果您在空元素上同时指定min-width和max-width，则其宽度设置为min-width。