html - 行内 block + 最小/最大宽度行为

Question

我在许多浏览器(FF、Opera、Ie)中看到我给它们“inline-block”和“min/max width”的元素，它们的宽度自动设置为“min-width”，而不是 max-width , 正如预期的那样。这是正常行为吗？

我可以用css方式解决吗(inline-block element with max-width)？(我知道 floats/tables/js，有一些原因我需要这样做)

here is the code

Answer 1

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