border的默认出现方式,是向右延伸吗

Question

在做FFC的tribute page那一关,自己做完后回头复习,发现img-div左右离页面的距离不一样(不居中)
#img-div{
width:100%;
border:5px solid black;
background:white;
}

然后一顿分析,发现是因为设置了边框宽度导致的,通过更改边框宽度发现,
#img-div{
width:100%;
border:15px solid black;
background:white;

}左右边框是从左到右,上下边框是从上到下出现的,请问这个能改吗?(改成都向外或都向内,总之不影响视觉上的居中什么的)
谢谢!

Answer 1

这个时候宽度不能是100%， 因为边框的宽度不包含在100%里， 所以图片宽度 + 边框两边的宽度 会超过100%； 所以会在右边超出;

或者是 在样式里 加 box-sizing: border-box;