欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

5月28号在学

程序员文章站 2024-01-26 15:38:24
...

设置内边距不改变盒子整体大小

  1. 使用box-sizing属性设置。

  2. 如果将其套在宽高相同的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>

5月28号在学

相关标签: 笔记 css