盒装尺寸：边框是否可以安全使用最大宽度和最小宽度？

Question

我一直在阅读几个较旧的资源，max-width和min-width与box-sizing: border-box结合使用时会出现问题。是否有其他人将max/min-width与box-sizing: border-box合并并且有任何问题？

我计划为所有元素构建一个全局设置* {box-sizing: border-box}的网站，但是还需要使用max-width，但如果它会导致问题，则不希望这样做。

Answer 1

我没有发现任何问题。但请记住，使用border-box时，padding和border高度和宽度会被元素的总高度和宽度有效消耗。有了这个，例如，同时指定100px的max-height和100px的padding-bottom将使您的元素高度正好为100px;不是200px。如果您想要100px高度和100px底部填充，则需要为元素指定max-height 200px。

以下JSFiddle example使用border-bottom来说明差异。