计算框的宽度和高度时,轮廓宽度如
outline: 5px dashed red;
如果box-sizing:border-box
, 框的宽度/高度是否会考虑轮廓?
计算框的宽度和高度时,轮廓宽度如
outline: 5px dashed red;
如果box-sizing:border-box
, 框的宽度/高度是否会考虑轮廓?
我在这里的 W3Schools 上找到了一个关于它的注释
它说:“轮廓与边框不同!与边框不同,轮廓绘制在元素边框之外,并且可能与其他内容重叠。此外,轮廓不是元素尺寸的一部分;元素的总宽度和高度不受轮廓的宽度。”
当您设置轮廓时,它不应受到box-sizing
设置的影响,并且轮廓将在框外。
Outline property is independent of box-sizing and is not as part of width or height of the element. I generally used to stand out the element from the crowd.