overflow的作用是：如果在这个.BOX盒子中的内容或者图片width和height超出了.BOX设置的width和height，那么超出的部分会隐藏并且不占位置。

clear的作用是：清除.BOX左右两边的浮动，这样无论屏幕尺寸多大，这个.BOX始终占满屏幕中的这一行位置。

超出img不超出li

水平没有了,那么第三个属性阴影模糊度就会发挥作用了.如果水平垂直都没有了,就完全由阴影模糊度来发挥作用呢.可以参考老师说的内阴影.

在 HTML 中，<img> 标签没有结束标签。

是可以的。

如果不设置白色的话，你也可以把里面的盒子大小控制在外面盒子的范围之内，藏起来。

我也碰到这个问题。原因分析

.box li:before的变形后，内容超出了li的边界导致。你调整.box li:before的bottom值即可。

明显人家用的是fireworks，别误导人家，ps的操作界面就不是这样。