当前位置：嘟嘟社区 > bbs > 正文

[经验] 【html】又遇到一个坑，关于padding撑大width

2022-03-06 分类：bbs

设置width:100px, padding: 10px
整个节点的宽度竟然被撑大到120px
百度一下才知道，原来要设置box-sizing: border-box才行

你的发现填补了前端届的空白

当然是先写个* {padding: 0}

所以 padding翻译成内间距不标准还是内填充比较形象他是用填充拉开距离

本帖最后由 programer 于 2022-3-6 16:44 编辑

狂人发表于 2022-3-6 16:22
所以 padding翻译成内间距不标准还是内填充比较形象他是用填充拉开距离

对呀，我直觉总觉得，width定下了，应该不随着padding增大才对。
但是发现，默认的box-sizing是content，也就是，人家默认情况下width指的是内容部分，bording和padding后，内容宽度不变，势必导致外围的width增大

版权声明：本贴采用知识共享署名4.0国际许可协议 [BY-NC-SA] 进行授权
帖子名称：《[经验] 【html】又遇到一个坑，关于padding撑大width》
帖子链接：https://bbs.toot.su/85411.html