div的内边距设置，其实就是控制元素内容和边框之间的空白距离。简单点说，就是你在盒子里放东西的时候，东西不要紧贴着边框，要留点呼吸空间。设置内边距主要靠CSS里的padding属性，操作起来很灵活，能单独设置上下左右，也可以一次性设置统一的值。
最直接的方式是给div加上padding，然后指定具体数值，比如像这样：padding: 20px; 这表示上下左右都留20像素的空白。如果你想区分开上下左右，可以分别写：padding-top、padding-right、padding-bottom、padding-left，像这样：padding-top: 10px; padding-right: 15px; padding-bottom: 10px; padding-left: 15px; 这样就可以控制每个方向的距离了。CSS里也有简写方式，比如写成padding: 10px 15px; 第一个值是上下，第二个值是左右，挺方便的。
除了像素，还可以用百分比、em、rem等单位。百分比是相对div自身宽度来算的，比如padding: 5%; 就是上下左右都留5%宽度的空白。em和rem更偏向字体大小，em是相对于当前元素的字体大小，rem是相对于根元素字体大小，用它们能保证不同屏幕和字号下，内边距比例比较合理。
还有一种情况是只想在某个方向加内边距，比如只想让文字离顶部远一点，就写padding-top: 20px; 其他方向不动。或者只想水平居中一些，就写padding-left和padding-right。这样就可以很灵活地调整内容位置，不会因为边框太紧而显得拥挤。
需要注意的是，padding会影响div的总大小。举个例子，如果一个div宽度是200px，然后你给它左右各加了20px的内边距，实际内容区宽度就会变成160px。这个时候如果你想保持整个div宽度不变，可以用box-sizing: border-box; 这样padding和边框就会包含在总宽度里，不会把div撑大。
设置内边距不仅是为了好看，也是为了提升用户体验。比如按钮文字如果紧贴边框，点起来很挤，视觉也不舒服；再比如表单输入框里文字离边框太近，看起来乱，用户很容易出错。通过合理的padding，可以让界面看起来更干净、操作更舒服。
操作起来其实很简单，不管是单独设置方向，还是用统一值，都能让div的内容保持合理的间距，页面看起来也更整洁。多尝试不同数值和单位，你会发现内边距对布局的影响非常直观，也容易调整。