可以设置div元素的box-sizing属性为border-box,这样元素的边框宽度会包含在元素的宽度之内,不会超出。示例代码如下:
HTML代码:
CSS代码: .box { width: 200px; height: 200px; padding: 20px; border: 5px solid red; box-sizing: border-box; }
在上述代码中,div元素的宽度为200px,加上padding和border的宽度后,元素的总宽度为240px(padding 20px + border 10px),但由于设置了box-sizing为border-box,所以元素的实际宽度仍是200px,边框不会超出元素。
上一篇:边框层动画未从中心进行缩放
下一篇:边框超出轮廓