实际padding已经设置为10px了，只是你的内容没有填满盒子，暂且只显示出了左内边距和上内边距，可以内容多一些，就看出右内边距效果。

或者取消高度设置，使之根据内容自适应，可以看到下内边距效果。

（此外，不设置宽度时，默认情况下，块状元素的宽度为页面宽度；不是高度时，默认情况下，块状元素的高度为内容的高度）。

因为右侧和下侧都还有空余的地方

你把宽高暂时删了就能看出效果了，或者多写几个字把div填满。

 其实已经是四周都为10px了
只是你内容少 看不出来
你把盒子  汉字 多复制几个  

 正常应该写#box1{padding：10px;}
不应该写padding：{10px} 

盒子宽高都是100px，盒子内元素默认靠左上角显示，右下部空间远大于10px，所以看不来。

楼上的应该看他的代码的。你看到只有左上加了10个像素。真相只有一个：那就是下右的你没看出来！你把字多复制几遍让他填充满就看出来了！/流汗

说错勿怪：

因为是这样：

#box1{padding:10px;}

而不是：

padding:{10px};