在<img>中修改样式跟在css中修改的样式不一样

Question

手贱试了试把在<li><img ...></li>里面的样式加了进css中li里面 但是发现显示出来就不一样了，请问这是怎么回事啊上程序图：效果图：红框里面的照片不能完全显示出来

Answer 1

因为你的图片宽度大小实际上比你设置li为120px要宽，150px要高，给图片加上一个高宽100%的样式，就会根据父元素设置的高宽显示

#div1 ul li img{    width: 100%;  
    height: 100%;
}