设置内边距不改变盒子整体大小
-
使用box-sizing属性设置。
-
如果将其套在宽高相同的div中时,改变其内边距只对左右两端生效(这是因为宽度自动,而高度没有自动欧~~)。
<style>
.padd{
width: 200px;
height: 400px;
margin-top: 400px;
background-color: blueviolet;
}
.padd1{
height: 400px;
background-color: brown;
background-clip: content-box;
padding: 40px;
}
</style>
<div class="padd">
<div class="padd1">
</div>
</div>