html - box-sizing:border-box 与最大宽度和最小宽度一起使用是否安全？

Question

我一直在阅读一些较旧的资源，这些资源在max-width与. 有没有其他人结合并有任何问题？min-widthbox-sizing: border-boxmax/min-widthbox-sizing: border-box

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

Answer 1

没有我知道的问题。请记住，当border-box使用时padding，border元素的总高度和宽度有效地消耗了高度和宽度。例如，指定max-height100px 和padding-bottom100px 的 a 将使您的元素的高度正好为 100px；不是 200 像素。如果你想要 100px 的高度和 100px 的底部填充，你需要给你的元素 a max-height200px。

这是一个用于说明差异的JSFiddle 示例border-bottom。