【发布时间】：2021-01-25 04:41:36
【问题描述】：
在我的在线文本编辑器中，当我在 CSS 文件中同时指定高度/宽度和边框时收到警告（见下图）。我理解这条信息，它可能对我的设计产生不良影响......但在这种情况下，这对我来说没问题。
但它提出了一个更普遍的问题：是否有一种聪明的方法可以同时使用高度/宽度和边框宽度？一些最佳实践？
【问题讨论】：
标签： css
【发布时间】：2021-01-25 04:41:36
【问题描述】：
您可以使用box-sizing css 属性来处理它
默认情况下，在 CSS 框模型中，您分配给元素的宽度和高度仅应用于元素的内容框。如果元素有任何边框或填充，然后将其添加到宽度和高度，以达到在屏幕上呈现的框的大小。这意味着当您设置宽度和高度时，您必须调整您提供的值以允许可能添加的任何边框或填充。
如果您希望宽度和高度包括您添加的任何边框或填充，您可以使用box-sizing: border-box。更多详情请见docs。
【讨论】：