CSS:我应该避免将高度/宽度与边框宽度混用,还是有最佳实践?

CSS:我应该避免将高度/宽度与边框宽度混用,还是有最佳实践?,css,Css,在我的在线文本编辑器中,当我在CSS文件中同时指定高度/宽度和边框时,会收到警告(参见下图)。我理解这个信息,它可能会对我的设计产生不必要的影响。。。但在这种情况下,对我来说没问题 但它提出了一个更普遍的问题:有没有一种聪明的方法可以同时处理高度/宽度和边框宽度?一些最佳实践 您可以使用css属性来处理它 默认情况下,在CSS框模型中,指定给元素的宽度和高度仅应用于元素的内容框。如果元素有任何边框或填充,则会将其添加到宽度和高度中,以获得屏幕上渲染的框的大小。这意味着在设置宽度和高度时,必须调整

在我的在线文本编辑器中,当我在CSS文件中同时指定高度/宽度和边框时,会收到警告(参见下图)。我理解这个信息,它可能会对我的设计产生不必要的影响。。。但在这种情况下,对我来说没问题

但它提出了一个更普遍的问题:有没有一种聪明的方法可以同时处理高度/宽度和边框宽度?一些最佳实践

您可以使用css属性来处理它

默认情况下,在CSS框模型中,指定给元素的宽度和高度仅应用于元素的内容框。如果元素有任何边框或填充,则会将其添加到宽度和高度中,以获得屏幕上渲染的框的大小。这意味着在设置宽度和高度时,必须调整给定的值,以允许添加任何边框或填充

如果希望宽度和高度包括添加的任何边框或填充,可以使用
box size:border box
。有关更多详细信息,请参阅