一般来讲,某个div如果设置了padding,那么这个div原本的尺寸会受到影响。
但是,可用通过设置box-sizing:border-box;这一参数解决该问题
请看如下代码:
<div class="app1"></div>
</br>
<div class="app2"></div>
<style scoped>
.app1{
background:pink;
width:100px;
height:100px;
padding:50px;
}
.app2{
background:pink;
width:100px;
height:100px;
padding:50px;
box-sizing:border-box;
}
</style>
该代码呈现的效果如下:
可以看到app2因为设置了该属性,它的尺寸没有受到padding的影响。