问题
给body设置背景色为#00ffb5,div的背景色为rgba(0,0,0,0.5)。可以看到div右边有一条明显的间隙。(div的宽度和图片的宽度不一致)
解决办法
1. div设置浮动
2. div设置overflow:hidden
3. div设置display:inline-block
注意
可以看到设置div浮动和display的效果是一样的,但是overflow会裁剪图片。如果显示器在刷新后放大,图片会继续被裁减。
另外
最后做成了这样,感觉还不错。。