最外层的p样式更改如下：

p{
    display: table;
    table-layout: fixed;
    width: 200px;
    height: 200px;
    border:1px solid black;
    float: left;
    margin-left: 200px;
}

虽然img价格width:100%可以解决，但是图片比例问题会失调！所以建议以上这种方法！

先感谢楼主邀请，但是很抱歉本人没有ie8浏览器版本，测试不了。建议楼主单独做ie8的兼容处理，增加/修改样式。还有，不知道楼主有没有注意到，你的第三张图片和第一张图片其实都是宽/高>1的，也就是说如果真的是有相同问题的话，第三张图片的父元素也应该会被撑宽的，楼主请再仔细检查一下问题所在。很遗憾没有解决楼主的问题

img{

       max-width:100%;

首先，感谢楼主的邀请！
其次，不好意思，近段时间有点忙，没有及时回复，很抱歉！
在我电脑上ie8是正常显示的，但是ie8以下不支持display:table-cell;也不支持vertical-align:middle;
解决办法：对a设置
A{display:block;line-height:200px}
楼主可以设置一下看看是否有效

宝贝儿，何必呢！？你的代码实现只比table实现少了两层而已；(先不说还多了辣么多CSS)为啥不直接用table呢？》html5标准也没说table不能用啊？