嘟嘟社区

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


设置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增大