-- 创造无限可能

css技巧：固定宽度的div，设置内间距的时候，不增加宽度

2023-06-08 21:33:11
293 人浏览 0 人点赞
有用，点赞支持一下

场景

一个div宽度已设置固定值，但又同时设置了padding,不增加

问题

正常情况下，增加内间距后，div的实际宽度=自身宽度+左右padding

解决

修改盒子模型box-sizing: border-box;

完整例子

```

<div>内容</div>

<style>
div{
width:100px;
padding:10px;
box-sizing: border-box;
}
</style>
···

相关文章